当前位置:首页 > 开发 > Web前端 > 前端 > 正文

将元素设为inline-block 之后的上下margin融合

发表于: 2015-05-07   作者:换个号韩国红果果   来源:转载   浏览:
摘要: 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 但是   设了display:inline-block;后 上下margin不会进行合并 测试代码如下 css h2,p{display:inline-block;} h2,div,p{margin:10px 0px;} h

外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。
合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。

但是
  设了display:inline-block;后 上下margin不会进行合并
测试代码如下

css

h2,p{display:inline-block;}
h2,div,p{margin:10px 0px;}

html

<h2>当你看</h2>
<div>
到true时看不到我</div>
<p>时看不</p>


将元素设为inline-block 之后的上下margin融合

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过