好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

ie6、ie7真的不支持inline-block吗?_html/css_WEB-ITnose

本来今天想出JavaScript继承的博文的,由于也才刚学习不久,以及工作比较忙,所以暂推两天写JavaScript的继承,喜欢的童鞋们关注我的博客哟!

  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的详细内容...

  阅读:31次