讓IE6/IE7支持display:inline-block屬性的兩種方法

【讓IE6/IE7支持display:inline-block屬性的兩種方法】在IE6和IE7中這個版本的IE流量器中,對display:inline-block屬性支持不佳,這也是一個經典的BUG 。
有兩種方式解決這個問題,讓IE6/IE7 支持 display:inline-block 的方法 。

復制代碼代碼如下:
ul
li/li
li/li
li/li
/ul

1.先使用display:inline-block , 再使用display:inline,如下:

復制代碼代碼如下:
ul li{
display:inline-block;
}
ul li{
*display:inline;
}

2.先讓塊元素變為內聯,再使用(zoom:1 或float屬性等)觸發塊元素layout:

復制代碼代碼如下:
ul li{ display:inline-block; _zoom:1;_display:inline;} /*推薦*/
ul li{ display:inline-block; _zoom:1;*display:inline;} /*推薦:IE67*/

相關經驗推薦