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

Question

到现在我有两个选择(也许外面还有更多):

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

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

Answer 1

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

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