Javascript 如何将页面居中?

Javascript 如何将页面居中?,javascript,html,css,Javascript,Html,Css,我意识到左边的两个容器没有我的divaddons那么宽,但不管怎样,我至少希望所有东西都居中,左右两边都有相等数量的空白。但我似乎不明白。我承认所有的display:inline block和float:left都有点乱,但即使是通常的 margin-left:auto margin-right:auto width: 600px 现在对我没什么帮助。我希望居中,而不设置随机左边距属性,该属性不会在每个分辨率下呈现相同的效果。有人能帮忙吗 有问题的地点是 感谢您的专业知识。尝试此代码,只需更改

我意识到左边的两个容器没有我的div
addons
那么宽,但不管怎样,我至少希望所有东西都居中,左右两边都有相等数量的空白。但我似乎不明白。我承认所有的
display:inline block
float:left
都有点乱,但即使是通常的

margin-left:auto
margin-right:auto
width: 600px
现在对我没什么帮助。我希望居中,而不设置随机
左边距
属性,该属性不会在每个分辨率下呈现相同的效果。有人能帮忙吗

有问题的地点是


感谢您的专业知识。

尝试此代码,只需更改其中的值,使其适合您的需要

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

试试这段代码,只需更改其中的值就可以了

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

试试这段代码,只需更改其中的值就可以了

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

试试这段代码,只需更改其中的值就可以了

div {
    width: 100px;
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}
如果您只是在链接到的页面上设置#loginPageContainer width:600px;然后它就起作用了。我自己也在开发者工具中尝试过

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

如果您只是在链接到的页面上设置#loginPageContainer:600px;然后它就起作用了。我自己也在开发者工具中尝试过

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

如果您只是在链接到的页面上设置#loginPageContainer:600px;然后它就起作用了。我自己也在开发者工具中尝试过

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

如果您只是在链接到的页面上设置#loginPageContainer:600px;然后它就起作用了。我自己也在开发者工具中尝试过


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

看起来页面布局不正确

考虑以下内容(LOTR参考):

  • 一个div来包含它们
  • 矮人领主的七个div向左浮动(在他们的石头大厅中)
  • 精灵之王的三个俯冲(在天空下)
  • 这些div和其他div将位于页面中心(阴影所在)

  • 将页面上的一个div居中,将其他div放在此div内。

    页面布局似乎不正确

    考虑以下内容(LOTR参考):

  • 一个div来包含它们
  • 矮人领主的七个div向左浮动(在他们的石头大厅中)
  • 精灵之王的三个俯冲(在天空下)
  • 这些div和其他div将位于页面中心(阴影所在)

  • 将页面上的一个div居中,将其他div放在此div内。

    页面布局似乎不正确

    考虑以下内容(LOTR参考):

  • 一个div来包含它们
  • 矮人领主的七个div向左浮动(在他们的石头大厅中)
  • 精灵之王的三个俯冲(在天空下)
  • 这些div和其他div将位于页面中心(阴影所在)

  • 将页面上的一个div居中,将其他div放在此div内。

    页面布局似乎不正确

    考虑以下内容(LOTR参考):

  • 一个div来包含它们
  • 矮人领主的七个div向左浮动(在他们的石头大厅中)
  • 精灵之王的三个俯冲(在天空下)
  • 这些div和其他div将位于页面中心(阴影所在)

  • 将页面上的一个div居中,将另一个div放在这个div内。

    如果元素是浮动的,则不能使用
    margin:auto
    技巧。您几乎可以使用:{margin:0 auto;width:600px;}没有浮动我必须在哪里去掉浮动?我希望登录和公告窗格位于左侧,作为其自己的信息“列”,而特色项目和浏览器检查器位于右侧,作为其自己的“列”。移除浮动是否可以启用此功能?添加固定宽度(即
    width:600px;
    display:block;
    margin:0 auto
    到包装器。这是元素居中所需的一切。没有浮动、位置、右/左等。如果元素浮动,则不能使用
    margin:auto
    技巧。您几乎可以使用:{margin:0 auto;width:600px;}没有浮动我必须在哪里清除浮动?我希望登录和公告窗格位于左侧,作为其自己的信息“列”,而特色项目和浏览器检查器位于右侧,作为其自己的“列”。删除浮动会启用此功能吗?添加固定宽度(即
    width:600px;
    display:block;
    margin:0 auto
    到包装器。这是元素居中所需的一切。没有浮动、位置、右/左等。如果元素浮动,则不能使用
    margin:auto
    技巧。您几乎可以使用:{margin:0 auto;width:600px;}没有浮动我必须在哪里清除浮动?我希望登录和公告窗格位于左侧,作为其自己的信息“列”,而特色项目和浏览器检查器位于右侧,作为其自己的“列”。删除浮动会启用此功能吗?添加固定宽度(即
    width:600px;
    display:block;
    margin:0 auto
    到包装器。这是元素居中所需的一切。没有浮动、位置、右/左等。如果元素浮动,则不能使用
    margin:auto
    技巧。您几乎可以使用:{margin:0 auto;width:600px;}没有浮动我在哪里必须摆脱浮动?我想要登录a