IE6/IE7 下 inline-block 的兼容性处理

[ 博客 ]

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 属性的特性。

发表评论

电子邮件地址不会被公开。

随机