首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

让IE6/IE7 支持 display:inline-block 的步骤

2013-10-25 
让IE6/IE7 支持 display:inline-block 的方法在IE6和IE7中这个版本的IE流量器中,对display:inline-block属

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


热点排行