站长资源网页制作

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

整理:jimmy2025/1/12浏览2
简介在IE6和IE7中这个版本的IE流量器中,对display:inline-block属性支持不佳,这也是一个经典的BUG。有两种方式解决这个问题,让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*/