说说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