主包装内的Div容器不会居中

Question

我基本上有#wrapper，#contentWrapper，#actualContent

我的#wrapper以视口为中心，宽度为940px;但是我不能让我的#actualContent在主包装器中居中。

有什么建议吗？

JSFiddle example here

Answer 1

在您的内容div上使用display: inline-block;，在父div中使用text-align:center。同时从内容中删除width:100%。

Here's the jsFiddle.

#wrapper {
    margin: 84px 0 0 0;
    width: 500px;
    border: 1px solid #000000;
    text-align: center;
}

#content {
    padding: 27px 0 27px 0;
    display: inline-block;    
}

Answer 2

检查一下，我希望this是你需要的。 您提供了不必要的width和margin