首页 > Web开发 > 详细

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

时间:2016-02-08 12:22:22      阅读:297      评论:0      收藏:0      [点我收藏+]

在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属性的两种方法

原文:http://www.jb51.net/css/112036.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!