Question

在标准缩放级别，整个博客左对齐，右边有这个巨大的无人区。如何缩小页面大小以使博客以所有缩放级别为中心？

我尝试了一些简单的CSS，似乎无法弄明白。

谢谢！

Answer 1

嗯。如何将您的主要内容放在div中，并将其与以下内容对齐：

margin: 0 auto;
width: /* the width of your content */

你必须重新安排你的html标记;我试过这样做，但它切断了你的背景。你必须从你想要居中的div中取出你的背景图像并将它放在那个div周围。如果这是有道理的......比如：

<body>
   <div id="bg"><!-- give this id the background-image in css -->
      <div id="maincontent">
         <!-- this div contains all your content, everything that needs centering -->
      </div>
   </div
</body>

然后在你的css中：

#bg { background-image: /* blabla */ }
#maincontent { margin: 0 auto; width: /* width, as stated above */ }

类似的东西。

Answer 2

这就是你要找的东西：

.main-width { margin: 0px auto; }

Answer 3

给包装div一个固定的宽度并给它一个余量：0 auto

固定宽度页面

3 个答案: