css - 将整个页面居中

Question

我的网站是左对齐的，有很多绝对定位：

position: absolute;
left: 30px;
top: 200px;

我想把它放在中心，就像 NYtimes.com 一样。

有没有我可以使用的 CSS 来做到这一点？

score 6 · Accepted Answer

您可以通过将网站的全部内容包装在包装器 div 中来使其居中，例如：

<body>
<div id="wrapper">
page content
</div> <!-- end #wrapper -->
</body>

然后，给包装器 div 一个宽度并以边距居中，例如

#wrapper { width: 1000px; margin: 0 auto; }

score 0 · Accepted Answer

这是关于如何使您的网站居中的基础知识，基本上将所有内容都包装在 DIV 上并将其居中。

score 0 · Accepted Answer

下面的这个链接解决了我的问题：

由于我有绝对定位，我必须使用上面链接中的技巧。

这是我的代码：

<div id="centerwrap">  

HTML code for entire webpage

</div>

CSS：

#centerwrap { 
     position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -500px; 
    }

3 回答 3