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

2021年6月16日 8点热度 0条评论 来源: 陈田田

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

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

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

div {
    displayinline-block;
    *zoom: 1;
    *displayinline;
}

解析:

  • *zoom:1作用是
    在IE下触发hasLayout
  • *display:inline作用作用是
    一旦触发了hasLayout设置display:inline和display:block效果相似。
    原文作者:陈田田
    原文地址: https://blog.csdn.net/candy_tity/article/details/54617969
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系管理员进行删除。