DEV Community
·
CSS 边距——元素周围的间距
💡
原文英文，约600词，阅读约需2分钟。
📝
内容提要
CSS中的边距属性控制HTML元素周围的空间，对网页布局和元素定位起关键作用。文章介绍了边距的基本语法、设置所有边的边距、为每个边设置独立的边距、边距的简写属性、边距自动居中、负边距的使用和边距折叠。
🎯
关键要点
-
边距属性控制HTML元素周围的空间，对网页布局和元素定位起关键作用。
-
边距定义了元素边框外部的空间，可以用来推开元素或在元素之间创建空间。
-
可以使用margin属性为所有边设置相同的边距。
-
可以为每个边单独设置边距，提供更大的布局灵活性。
-
边距属性支持简写，可以用最多四个值定义每个边的边距。
-
使用margin: auto可以简单地水平居中元素，通常与固定宽度的块级元素一起使用。
-
CSS允许负边距值，可以将元素拉得更近或重叠，但需谨慎使用以避免布局问题。
-
当两个块级元素的边距相邻时，它们的垂直边距可能会发生折叠，使用较大的边距而不是相加。
➡️
