一直知道 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
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
