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

2018-12-11  本文已影响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}
上一篇下一篇

猜你喜欢

热点阅读