inline-block 元素设置在 IE6/IE7 中不正常,在IE8中正常,造成这种情况的原因应该是 IE6/IE7 并没有真正实现 inline-block, 而是通过设置 display:inline-block 触发了 IE 的 layout, 从而使内联元素拥有了 inline-block 属性的表症。
解决方法:
.element {display:inline-block; *display:inline;zoom:1}
这样通过 zoom 触发 IE 的 layout,就让内联元素拥有的 inline-block 属性的特性。
发表评论