谈谈CSS的边距合拼之我的了解

2020-10-22 15:21 jianzhan
今日根据和1些师弟的沟通交流,发现她们对外边距合拼并不是很了解。

实际上浅析CSS的外边距合拼的话,是很非常容易搞清楚是如何1回事情的。可是假如要想深层次掌握margin这个奇异的特性,那可得费1番时间了。

我是1个菜鸟,在这里自然不容易解释得太繁杂,在这里我只是想谈谈我对外边距合拼的了解。

实际上要了解清晰甚么是外边距合拼,最简易的方式便是自身动手能力试试。我觉得,了解外边距合拼的重要就在于了解这句话:“要是触碰,就合拼”。

什么是“要是触碰,就合拼”呢?实际上了解起来便是:当两个元素的外边距相触碰,它们就结合了。何时就可以触碰呢?便是当两个元素都沒有边框特性和内边距特性。

還是听不懂?那就并不是我所有意义的事的范围了。由于你沒有了解甚么是盒实体模型了。

实际上CSS的外边距合拼便是这么1点点物品。我拿出来说是由于,看了许多人的编码,都喜爱把margin和padding混在1起。无论用的是padding還是margin,要是最后显示信息实际效果和自身想像的1致,她们感觉就做到目地了。有时用margin,遇到了边距合拼却不知道道如何回事,或说不知道道如何处理,随后就想出各种各样方法“生产制造”自身要想的实际效果(比如加多1个空元素撑开留白)。可是实际上我想说,这样应用margin和padding,压根就并不是W3C制订padding和margin情况下的原意。

好吧,小小的地调侃了1下,也不想说多甚么物品,由于他人写的比我更深层次更细腻。这里给几篇文章内容的详细地址,有助于大伙儿加深对margin和padding应用的了解。

https://www.jb51.net/w3school/css/css_margin_collapsing.htm
https://www.jb51.net/css/37633.html
https://www.jb51.net/css/55475.html