相容所有瀏覽器的display:inline-block效果

admin發表於2017-03-20
瀏覽器inlineBloC

將display屬性設定為inline-block將會使元素既具有塊級元素的屬性特點也具有內聯元素的屬性特點。

非常好用的一個屬性，但是在低版本的IE瀏覽器中存在著一定的相容性問題，IE8和IE8以上瀏覽器支援，當然類似於谷歌和火狐這樣的標準瀏覽器自然支援，下面介紹一下如何實現相容IE6和IE7瀏覽器。

雖然IE6和IE7不支援此屬性，但是可以讓這兩個瀏覽器具有display:inline-block的特徵，具體的原理這裡就不介紹了，直接看程式碼。

程式碼如下:

[CSS] 純文字檢視 複製程式碼
display: inline-block;
*display: inline;
*zoom: 1;

上面的程式碼直接套用就可以實現我們的效果了。


相關文章