如何将wrapper-div居中而不是内容居中

Question

我希望我的页面始终在浏览器中居中，而不影响内容（就像align-text: center; 那样）。我想将我的包装器 div 居中。我该怎么做？

简化的现有页面：

<div id="wrapper">       
    <div id="header">
        Music Heaven
    </div>
    <div id="topmeny">             
    </div>
    <div id="menu">        
    </div>        
    <div id="content">                  
    </div>           
    <div id="bottom">
        SiteAdmin
    </div>
</div>

整个小提琴： http://jsfiddle.net/EndQb/

Answer 1

 #wrapper {
     width: ...
     margin: 0 auto;
 }

无需设置文本对齐

Answer 2

设置类似于包装 div 的样式。

#wrapper {

width: 841px;
margin: 0 auto;

这样，

包装器 div 将始终根据屏幕宽度居中。我希望它有帮助。

Answer 3

您可以像 CSS 中那样设置包装器 div 的 margin 属性

#wrapper { margin:20px auto }