美文网首页
ie7下不支持display:inline-block的解决方法

ie7下不支持display:inline-block的解决方法

作者: 黎明的破晓 | 来源:发表于2018-12-11 09:35 被阅读9次
     /*推荐:IE6、7*/
     div { 
               display:inline-block;
              *zoom:1;
               *display: inline;
     }
    
    三者缺一不可
    
            /*推荐*/
    div {
             display:inline-block;
             _zoom:1;
             _display:inline;
    } 
    

    先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display 要先后放在两个CSS声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将display设回 inline或block,layout不会消失)。
    代码如下

    div {display:inline-block} 
    div {display:inline}
    

    相关文章

      网友评论

          本文标题:ie7下不支持display:inline-block的解决方法

          本文链接:https://www.haomeiwen.com/subject/sbajhqtx.html