让IE6/IE7支持display:inline-block属性的两种方法

发布时间：2023-02-26 12:26:06 来源：网络

.

炎热的夏天过去了，凉爽的秋天来了。它是一个收获的季节，也是各种水果最多的时候，红艳艳的苹果扒开绿叶往外瞧；小红灯笼似的枣子挂满枝头；像紫玛瑙的葡萄一串串地挂在葡萄架下，真迷人呀！

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

到此这篇关于让IE6/IE7支持display:inline-block属性的两种方法就介绍到这了。你不能决定生命的长短，但你可以控制它的质量；你不能左右天气，但你可以改变心情；你不能改变容貌，但你可以展现笑容；你不能控制他人，但你可以掌握自己；你不能预知明天，但你可以掌握今天；你不能样样胜利，但你可以事事尽心。更多相关让IE6/IE7支持display:inline-block属性的两种方法内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！

以下您可能有感兴趣的文章:

标签： display