CSS：我無法將背景圖片中的正文內容居中

Question

我試圖給網站正文添加背景，並且我想顯示完整背景，並將網站內容置於其中。

我用下面的CSS，但不能居中：

body { 
    margin: auto; 
    background: url(../images/bggeneral.jpg) top center repeat; 
    background-position: center; 
    font-size: 100%; 
    line-height: 1.0625em; 
    color: #515151; 
    width: 100%; 
} 

背景圖像：http://www.comicar.ma/assets/images/bggeneral.jpg

我需要裁剪圖像或類似的東西？

Answer 1

如果您不想讓身體圖像重複，您可以刪除repeat。並且margin:0 auto應該交給容器格。

HTML

<div class="wrapper"> 
Content 
</div>​ 

CSS

body {background: url(http://www.comicar.ma/assets/images/bggeneral.jpg) top center no-repeat; font-size: 100%; line-height: 1.0625em; color: #515151; width: 100%; } 
.wrapper{width:700px; margin:0 auto} 

LIVE DEMO