在页面中水平居中内容

【问题标题】：Centre Content Horizontally in Page在页面中水平居中内容
【发布时间】：2009-05-20 11:57:33
【问题描述】：

我想在一个 800 像素宽的 div 中显示我的所有内容，并在页面中心。这样，所有浏览器窗口的宽度都得到满足。我该怎么做呢？

【问题讨论】：

【解决方案1】：

如下设置你的 div CSS：

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

【讨论】：

【解决方案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;}

【讨论】：