说说display-inline
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是被支持的
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步