手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >让IE6/IE7支持display:inline-block属性的两种方法
让IE6/IE7支持display:inline-block属性的两种方法
摘要:在IE6和IE7中这个版本的IE流量器中,对display:inline-block属性支持不佳,这也是一个经典的BUG。有两种方式解决这个...

在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属性的两种方法】相关文章:

div+css垂直居中的五种实现方法

解决IE7以下版本不支持无A状态伪类的几种方法!

添加css样式的三种方法

CSS基础教程:CSS的display属性

用CSS的float属性创建三栏布局网页的方法

让div旋转一定的角度方法

span设CSS样式总是不起作用的解决方法

ul里面如何让li居中不用FLAOT改为display:inline可实现

IE6 innerHTML写入的iframe src不显示BUG的解决方法

控制DIV中文字绝对居中的简单方法

精品推荐
分类导航