css在中间对齐内容

Question

从移动设备和桌面设备上看网页的最简单方法是什么？ 我的意思是，当我从手机上打开它我希望看到全宽度的内容，当我从桌面打开它我想看到相同的内容，只是不是全宽，但是在页面的中间，并有双方的利润率。如图所示 - 在左侧你可以看到移动版本，A是内容，右边你可以看到桌面版本，A是相同的内容，红色框是容器或东西，并且没有任何东西。

http://s22.postimg.org/jn9rpa7f5/mob.jpg

Answer 1

<div class="wrapper">
  <!-- content -->
</div>

.wrapper{
  width: 320px;
  margin: 0 auto;
}

margin: 0 auto为顶部和底部定义0个边距，为左侧和右侧定义auto，这将使其居中。如果愿意，您可以在包装器上定义自己的宽度。