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}