IE6/7下IE下块元素如何实现display:inline-block 的效果
我们知道display:inline-block在IE6/7只对行内元素有作用,那么如何才能实现它对块元素的作用呢?有两种方法如下:
?
方法一:
?
.selector { display: inline-block }.selector { *display: inline }
??? 注意要分开两个容器写,这个IE的bug,先定义了 display:inline-block,然后再将 display 设回 inline 或??
??? block,layout 不会消失。(layout 是让元素具有块元素的特性)
?
方法二:
?
.selector {display:inline; zoom:1;}
?
两种方法都是触发IE的layout 然后再添加行内的属性。