使用css使绝对div居中

Question

我总是使用JQuery来水平居中div，但这次我做的项目没有任何JQuery或Javascript支持。

所以我想只使用css将div居中，并且确定不使用标签。

附注: div有z索引和绝对位置。

提前谢谢你，

Answer 1

如果您使用的是绝对定位，请使用属性"left: 50%;“和”margin left“，并将负值设置为等于div宽度的一半。所以，举个例子：

#div {
width: (desired width);
left: 50%;
margin-left: -(half of the width of the div);
position: absolute;

}

Z-index对居中并不重要。如果您将其他元素放置在具有更大Z索引值的div之上，那么div将简单地隐藏在它们下面。

Answer 2

http://jsfiddle.net/CRhbF/

只有当您知道绝对定位、居中的元素的尺寸时，这才会起作用。