行內元素與塊級元素的區別,行內塊級元素在IE8-的兼容性

行內元素與塊級元素的區別html

  • 行內元素最好不要包裹塊級元素,可是塊級元素能夠任意的包裹行內元素
  • 行內元素若是其上一個元素也是行內元素,則他們會分佈在統一水平線上,即在一行上排列,塊級元素不論上一個元素是行內元素仍是塊級元素都要另起一行,單獨佔一行。
  • 對於行內元素設置with、height、margin值無效,但對於塊級元素,設置這些值是有效的。

行內塊級元素在IE8如下的兼容性htm

div {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}

解析:blog

  • *zoom:1做用是
    在IE下觸發hasLayout
  • *display:inline做用做用是 一旦觸發了hasLayout設置display:inline和display:block效果類似。
相關文章
相關標籤/搜索