Question

我有一个使用margin:auto在页面中居的分隔符。在里面我有两个以上的分隔符（不能组合，必须是嵌套在分隔符中的分隔符）当我尝试将其中的内容居中时，它不会将其置于页面的中心。我假设它与我添加的padding-left和padding-right有关... 有什么见解吗？

这是我的代码：

<center>
    <div style="margin:auto; width:80%;">
        <div style="width:50%; padding-left:20%; padding-right:20%;">
            <div style="width:inherit; position:absolute; bottom:0%;">
                <hr />
                test
                <hr />
                <br><br><br>
            </div>
        </div>
    </div>
</center>

Answer 1

只需删除center代码：

<div style="margin:auto; width:80%;">
    <div style="width:50%; padding-left:20%; padding-right:20%;">
        <div style="width:inherit; position:absolute; bottom:0%;">
            <hr />
            test
            <hr />
            <br><br><br>
        </div>
    </div>
</div>

请在此处查看：http://jsfiddle.net/V8qMm/

div内的HTML CSS div与汽车保证金偏离中心？

1 个答案: