如何将页面居中？

Question

我意识到左侧的两个容器并不像我的div addons那么宽，但不管我是否至少都希望所有东西都集中在所有东西左右两侧的空白区域。但我似乎无法弄明白。我承认我所有的display: inline-block和float:left都有点混乱，但即使是通常的

margin-left:auto
margin-right:auto
width: 600px

现在对我没什么帮助。而且我想在不设置随机margin-left属性的情况下居中，该属性在每个分辨率下都不会呈现相同的属性。有人可以帮忙吗？

相关网站为https://com-bb-dev.com.edu

感谢您的专业知识。

Answer 1

您似乎没有正确布置页面。

考虑以下（LOTR参考）：

1. 包含所有内容的一个div。
2. 矮人领主的七个div（在他们的石头大厅里）。
3. 精灵国王右翼（天空下）的三个div。
4. 这些div和更多将以您的页面为中心（阴影所在的位置）。

将页面上的一个div居中，并将其他div放在此div中。

Answer 2

如果您只是在链接到宽度的页面上设置#loginPageContainer：600px;然后它工作。只是在开发人员工具中尝试过。

包装元素必须居中。不是每个div，如果在同一“级别”上有浮动元素，它将会中断。

Answer 3

尝试使用此代码，只需更改其中的值以使其适合您的

div {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}