okay,言归正传。之前在接触前端的时候,处理各种浏览器的兼容问题,现在也有了一定的积累,对IE系列的CSSbug也写了一篇博文,喜欢的童鞋可以点击此处查看。
inline-block是CSS2.1属性,而大家经常会这么处理ie6、7下的inline-block
.selector { display: inline-block; *display: inline; *zoom: 1;}
这样来说处理ie6、7的兼容就不会有问题,久而久之大家也就习惯了,觉得是ie6、7不支持inline-block属性而需要写个hack来改变他的显示方式,然而真的是这样吗?其实早在ie5.5就已经开始支持inline-block了,只是支持的并不是那么完善。可参考MSDN:http://msdn.microsoft测试数据/zh-cn/library/ie/ms530751(v=vs.85).aspx。接下来,作者将带大家来证明一下ie5.5以上的浏览器是否真的支持inline-block。
首先大家看下面这个例子:
html, body, div, span {margin: 0; padding: 0} .wrapper span { display: inline-block; width: 100px; height: 100px; border: 1px solid #000; }
查看更多关于ie6、ie7真的不支持inline-block吗?_html/css_WEB-ITnose的详细内容...
声明:本文来自网络,不代表【好得很程序员自学网】立场,转载请注明出处:http://haodehen.cn/did105411