display-inline是css2.1新增的值,所以ie6,ie7是不支持该属性值的设置的;
正常解法:
<div class="a b"></div>
.a{
display: inline-block;
}
.b{
_zoom: -1;
*display: inline;
}
ps:分开写,后面的那个display不会覆盖前面的那个display。
如果写到一个class里,css语法解析器会把重复的属性去掉,这样的话,起作用的就是最后一个。
优雅解法:
<span class="a"></span>
.a{
display: inline-block;
}
ps: 这大概是ie浏览器的一个bug,span元素设置为inline-block是被支持的