inline-block的兼容性問題

Inline-block是元素display屬性的一個值。這個名字的由來是因為，display設置這個值的元素，兼具行內元素（ inline elements）跟塊級元素（block elements）的特征。

display:inline-block;

兼容性：

IE6、IE7不識別inline-block但可以觸發塊元素。

其它主流瀏覽器均支持inline-block。

解決IE6、IE7兼容性的方法：

1、首先設置inline-block觸發塊元素，具有了layout的特性，然后設置display:inline使塊元素呈現內聯元素，此時layout的特性不會消失。

2、直接設置display:inline，使用zoom:1觸發layout。

兼容所有瀏覽器的方法是：

display:inline-block;

*display:inline;

*zoom:1;

轉載于:https://www.cnblogs.com/yunqianduan/p/4021922.html

總結

以上是生活随笔為你收集整理的inline-block的兼容性问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。