css3 让绝对定位元素水平居中的方法

一、绝对定位元素的居中实现

如果要问如何CSS实现绝对定位元素的居中效果，很多人心里已经有答案了。

兼容性不错的主流用法是：

.element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一半 */ margin-left: -300px; /* 宽度的一半 */ }