css - 配置 CSS 属性以获得水平居中页面的最佳实践是什么？

Question

到目前为止我有两个选择(也许外面还有更多):

1. 将body标签的宽度设置为固定长度，并将body标签的水平边距设置为auto。它使所有内容水平居中。
2. 在主体内创建一个包装 div。将环绕 div 的宽度设置为固定长度，并将其水平边距设置为自动。它还使包装 div 内的任何内容水平居中。

不知道哪个更好。或者，如果您有另一种您认为最好的选择，请告诉我。

Answer 1

包装 div 更灵活，因为您永远不知道什么时候希望元素不居中。几个月后，如果网站需要更改，您会很高兴您有一个包装器 div，最终会减少工作量，因为您可以拥有包装器 div 的 sibling 并用它们做您想做的事情。

话虽如此，如果这是一个相当简单的示例/网站，请务必继续 0 auto body 元素。