Html 边距：自动'；s在div内使div居中的功能

我在搜索归档文件时发现了以下关于的文章，其中的解决方案是将以下样式应用于内部div：

#inner {
    width: 50%;
    margin: auto;
}

---

答案表明，

margin:auto

是导致定心的原因。这到底是如何工作的？

margin:auto专门用于自动设置边距，通常用于使图元居中。它实际上只在左右边距上起作用。使用
边距：自动是以下内容的简写：

{ margin:0px auto 0px auto; }

为了进一步说明这一点：

{ margin-top:0px; margin-right:auto; margin-bottom:0px; margin-left:auto; }

查看。
它基本上解决了等式
边距=（“外部宽度”-“内部宽度”）/2
，并将结果设置为边距值

结果是，内部div的边距两侧相同，其总宽度（宽度+2×边框+2×边距）正好填充外部div。因此，它的主体居中