集中内容问题

Question

任何人都可以告诉我我需要做些什么才能让以下页面正确地集中内容？

我一直在尝试使用我今天早些时候用过的其他东西：

#divWrapper {margin:0 auto; text-align:center;} 
#div {text-align:left;}

但这不适合我。我需要帮助的一个页面是： 数据被编辑

感谢您的帮助，我只是想在我上床睡觉之前解决这个问题：\

Answer 1

#main-inner {
    position: relative;
    width: 960px;
    border-top: 3px solid #DADADA;
    margin: 20px auto 0;
    overflow:auto;
    zoom:1;
}

试试这个。用这个替换现有的。它应该集中内容。

Answer 2

需要宽度！工作正常。

Answer 3

给你的#divWrapper一个宽度。默认情况下，宽度将扩展到包含元素，因此要创建它的居中外观，其宽度必须小于其包含元素。

Answer 4

当您提供固定宽度时，您只能使用margin:0 auto来居中元素，边距可以从中自动定位。因此，在您的包装器中添加一个固定的，它应该可以工作。

Answer 5

您可能还需要指定text-align：center;如果你想让实际的div内容居中。

Answer 6

试试这个#divWrapper {margin:0 auto; text-align:center;width:960px}

#div {text-align:left;width:500px}

编辑： 您的CSS中存在输入错误。 检查这个更新的CSS for margin-inner＆amp;保证金内的权利。它会解决你的问题

#main-inner {
        float:left;
        position:relative;
        width:100%;
        border-top:3px solid #dadada;
        margin-top:20px;
        margin-right:auto;
        margin-left:auto;
}


#main-inner-right {

        position:relative;
        width:640px;
        text-align:left;
        margin-top:20px;
        margin-right:auto;
        margin-left:auto;
}