ie兼容inline-block
之前我写过一篇兼容ie水平滚动的文章,里面有提到ie兼容inline-block属性,这里来进行详细说明。
我查询过ie7浏览器默认样式表,里面a、strong等行内元素并没有定义display属性,所有在ie中应该使用的是默认display: inline。样式如下:
li {
display:inline-block;
*zoom:1;
*display:inline;
}
1
2
3
4
5
2
3
4
5
保证*display: inline在display: inline-block之后即可兼容ie7浏览器。这里肯定有人会问,*display: inline不会覆盖display: inline-block属性吗?这里就要特别说明:为了避免兼容ie写法影响正常内容,浏览器为我们提供了针对不同ie版本的样式写法,如下例子:
li {
_display:inline; //ie6
*display:inline; //ie7
display:inline\0; //ie8
display:inline\9\0 //ie9
}
1
2
3
4
5
6
2
3
4
5
6
上次更新: 2025/09/05, 8:09:00