行内元素与块级元素的区别，行内块级元素在IE8-的兼容性

Posted 2020-09-20 Angelina

行内元素与块级元素的区别

• 行内元素最好不要包裹块级元素，但是块级元素可以任意的包裹行内元素
• 行内元素如果其上一个元素也是行内元素，则他们会分布在统一水平线上，即在一行上排列，块级元素不论上一个元素是行内元素还是块级元素都要另起一行，单独占一行。
• 对于行内元素设置with、height、margin值无效，但对于块级元素，设置这些值是有效的。

行内块级元素在IE8以下的兼容性

div {
    display： inline-block；
    *zoom： 1；
    *display： inline；
}

解析：

• *zoom：1作用是
  在IE下触发hasLayout
• *display：inline作用作用是
  一旦触发了hasLayout设置display：inline和display：block效果相似。