Tips for "display:inline-block"

风行水上 @ 2015-07-03 11:06:39
标签:

    在IE里面使用"display: inline-block"

    CSS属性display:inline-block在较早的IE版本(IE8时已然无效)里面可能无效。

    ul.hlist li {
      display:inline-block;  /* 触发元素的haslayout属性 */
      zoom:1;
     *display:inline;        //* 针对IE定义 display:inline,让块元素呈递为内联对象 */
    }
    
    • zoom: 1 会触发IE的haslayout属性。
    • IE6、7中内联元素(如span)触发layout属性后,其行为和标准中的 inline-block类似。
    • IE6、7中块级元素(如div)触发layout属性,同时设置了 display: inline ,那么它的行为和标准中 inline-block 类似。

    参考资源:

    标签:

      分享到:
      comments powered by Disqus

      25/27ms