如何将整个 html 主体对齐到中心？

Question

如何将整个 html 正文对齐到中心？

原文由 Rajat Gupta 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我只是无意中发现了这篇旧帖子，虽然我确信 user01 早就找到了他的答案，但我发现当前的答案并不完全有效。在使用其他人提供的信息进行了一些尝试后，我找到了一个适用于 IE、Firefox 和 Chrome 的解决方案。在 CSS 中：

 html, body {
    height: 100%;
}

html {
    display: table;
    margin: auto;
}

body {
    display: table-cell;
    vertical-align: middle;
}

这几乎与 abernier 的回答相同，但我发现包括宽度会破坏居中，就像省略自动边距一样。我希望任何偶然发现此线程的人都会发现我的回答有帮助。

注意： 省略 html, body { height: 100%; } 仅水平居中。

原文由 MildWolfie 发布，翻译遵循 CC BY-SA 3.0 许可协议