中心内容水平在页面中

Question

我想将所有内容显示在800px宽的div中，以页面为中心。这样，所有浏览器窗口宽度都可以满足。我该怎么做呢？

Answer 1

按如下方式设置div CSS：

#container {
  width: 800px;
  margin: 0 auto;
}

Answer 2

我还建议将text-align:left;添加到容器div并将text-align:center;添加到body标记。原因是Internet Explorer 6.0无法处理自动边距。

body {
      text-align:center;}

#container {
      margin: 0px auto;
      text-align:left;
      width: 800px;}