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

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

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例