css中首选的让元素水平居中的方法就是使用margin属性--将元素的margin-left 和margin-right属性设置为auto即可。须实际使用中，我们可以为这些需要居中的元素创建一个容器作用的div。 需要特别注意的一点就是必须为该容器指定一个宽度 。

另一种实现元素居中的方法是使用text-align属性，将该属性值设置为center并应用到body元素上即可。这种做法是彻底hack,但它却能兼容大多数浏览器，所以在某些情况下自然必不可少。

负外边距解决方案远不是仅仅为元素添加负外边距这么简单。这种方法需要同时使用绝对定位和负外边距两种技巧。

首先创建一个包含居中的元素容器，然后将其绝对定位于相对页左缘50%的位置，这样该容器的左边距将从页面50%宽度的位置开始算起。然后将容器的左边距值设置为负的容器宽度的一半。这样即可将该容器固定在页面水平方向的中点 。代码如下：