如何通过CSS的margin属性精确调整网页元素的外边距间距？

本文共计837个文字，预计阅读时间需要4分钟。

直接查看效果：

• 只对块级元素、普通文档流中的元素生效；display: inline 元素的 margin-top/margin-bottom 无效
• 父子元素间也可能发生外边距合并：父容器没边框、内边距、内容分隔时，子元素的上/下 margin 会“透出”到父级外部
• 想避免合并？加个 border: 1px solid transparent、padding: 0.1px 或 overflow: hidden 到父容器就行

margin: auto 在什么情况下能居中

margin: auto 能水平居中，但有两个硬性前提：元素必须是块级（或 display: block）、且宽度不能是 auto（即得写死 width 或 max-width）。它对行内元素、flex子项、绝对定位元素无效。