说说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是被支持的

转载于:https://www.cnblogs.com/solaZhan/p/8252287.html