html - 水平居中

Question

我网站的标题和导航栏具有绝对定位，因此当图像在下方滚动时它们将保持原样。

http://www.mikegarten.com/

我试图让整个网站水平居中。

我试过 this method但没有成功。

我试图将我的图像放入表格中，然后将其置于 div 的中心，但是水平图像的上方和下方都有空白空间，这些空间是由同一行中垂直照片的网格创建的。

是否可以“包装”这个网站，或者我是否需要使用其他方法？

Answer 1

至少有三种未弃用的方法可以水平居中。

• > margin: auto ( explained at LearnLayout.com )
• > ugly hacking of position 带有包装器元素(问题链接到那个)
• 对position 进行更丑陋的黑客攻击，这次设置position: absolute; left: 50%; margin-left: -<half the width of this box>

我推荐使用第一种方法。您必须确保要居中的元素具有 display: block , float: none和 position设置为 normal或 relative .此外，它的宽度必须有限(小于其父级的 100%)，这是显而易见的。