行内元素与块级元素的区别,行内块级元素在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效果类似。
相关文章
相关标签/搜索