IE6、IE7不识别inline-block但可以触发块元素。
其它主流浏览器均支持inline-block。
解决IE6、IE7兼容性的方法:
1、首先设置inline-block触发块元素,具有了layout的特性,然后设置display:inline使块元素呈现内联元素,此时layout的特性不会消失。
[css]
div{
display:inline-block;
}
div{
display:inline;
}
[/css]
2、直接设置display:inline,使用zoom:1触发layout。
[css]
div{
display:inline;
zoom:1;
}
[/css]
兼容所有浏览器的方法是:
[css]
div{
display:inline-block;
*display:inline;
*zoom:1;
}
[/css]