一直知道 inline-block 兼容寫法是這樣div {display:inline-block;*display:inline; *zoom:1;…}，最近搜的時候發現有個博客解釋得很清楚，對於dipaly:tabel-cell的兼容寫法是以inline-block來代替tabel-cell，而ie7的兼容寫法就成了這樣
div{display:table-cell;*display:inline;*zoom:1;}
解釋：dispaly:inline-block照顧的是ie8+的瀏覽器，這是正常的設置，在低版本的ie下設置行內塊有2個條件，一個是行內，一個是設置寬高，觸發layout即可設置寬高，而div設置了寬高後還是會換行，layout不是爲水平而設置的，所以爲塊級元素轉行內塊加上了*display：inline屬性，但是display：inline不會觸發layout，於是加上zoom：1重新觸發layout，於是就形成了一個可以“設置寬高的行內元素”
參考地址：http://blog.csdn.net/ac601458466/article/details/48850669