外边距甚至可以与自身发生合并

2019-09-08 郑州网站建设  

假如有一个空元素,它有外边距,然而不有边框或加添。在这类情况下,上外边距与下外边距就遇到了一块儿,它们会发生分隔:

如果这个外边距遇到另外一个元素的外边距,它还会产生归并:

CSS 外边距合并实例 4

这就是一系列的段落元素占用空间尤其小的缘由,由于它们的全体外边距都兼并到一块儿,组成为了一个小的外边距。

外边距合并初看下去或者有点独特,然而实践上,它是居心义的。以由几个段落组成的范例文本页面为例。第一个段落下面的空间等于段落的上外边距。如果没有外边距合并,后续一切段落之间的外边距都将是相邻上外边距和下外边距的和。这意味着段落之间的空间是页面顶部的两倍。如果孕育发生外边距分开,段落之间的上外边距与下外边距就合并在一块儿,多么随处的间隔就分歧了。


河南郑州做网站首选天择文化,我们专注郑州网站建设网站设计网站制作与开发,是中原地区专业的郑州网络公司,多年来我们一直努力,服务客户数百家,欢迎您的咨询。
本文链接:郑州网络公司http://tzchb.ieyo.com/dede/1295.html转载请标明出处,谢谢合作!
标签:
  • 可以
  • 自身
  • 边距
  • 合并
  • 甚至
  • 发生
  • 假如