html - 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应该给容器div。

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}

现场演示