css margin自动显示内联表

Question

我试图用css将div（弹出对话框）居中。 我想有一个普遍的CSS声明，我差不多了。 我正在使用的CSS工作，但我必须明确定义de div的宽度。

演示

在下图中，弹出窗口的宽度定义为415px。

在下图中，宽度定义为AUTO。

当我看到右下角的盒子模型时，两者都是相同的。我的问题是为什么最后一个div在左边缘处包裹到左边？

我已经尝试过所有显示类型。似乎“桌子”和“内嵌表”风格最适合居中目的。

Answer 1

因为margin: auto仅适用于定义的width。否则浏览器不知道如何计算每一侧的距离。是的，使用margin的替代方法是使用display: inline-block并将text-align: center添加到父级。