让IE6/IE7支持display:inline-block属性的两种方法_浏览器兼容教程_CSS

让IE6/IE7支持display:inline-block属性的两种方法_浏览器兼容教程_CSS_网页制作

2013-11-19 13:30:21 [小大] 已经帮助：人解决问题

点评：在IE6和IE7中这个版本的IE流量器中，对display:inline-block属性支持不佳，下面为大家准备两种方法可以解决此问题，让IE6/IE7 支持 display:inline-block 的方法，感兴趣的朋友可以了解下

在IE6和IE7中这个版本的IE流量器中，对display:inline-block属性支持不佳，这也是一个经典的BUG。

有两种方式解决这个问题，让IE6/IE7 支持 display:inline-block 的方法。

复制代码

代码如下:

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*/

（责任编辑：）