为什么 `margin: auto;` 不居中内联块元素？

边距：自动；不适用于内联块元素

当涉及自动边距时，内联块元素的行为与块元素不同。在块元素中，margin:auto;元素在其父容器内水平居中。但是，在内联块元素中，margin:auto;没有效果。

示例：

<code class="css">#container {
    border: 1px solid black;
    display: inline-block;
    padding: 50px;
}</code>

在此示例中，容器元素设置为 inline-block。当保证金：自动时；应用于元素，它不会将容器在其父容器中居中。

解决方案：

要使内联块元素居中，您可以使用 text- align：以父元素为中心。

<code class="css">.center {
    text-align: center;
}</code>

<code class="html"><div class="center">
    <div class="MtopBig" id="container"></div>
</div></code>

现在，容器元素将在中心 div 内水平居中。

以上是为什么 `margin: auto;` 不居中内联块元素？的详细内容。更多信息请关注PHP中文网其他相关文章！