jquery - 使用css居中绝对div

Question

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

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

PS：div 有 z-index 和绝对位置。

提前致谢，

Answer 1

http://jsfiddle.net/CRhbF/

仅当您知道绝对定位的居中元素的尺寸时，这才有效。

Answer 2

如果您使用绝对定位，请使用属性“left: 50%;” 和“margin-left”，其负值等于 div 宽度的一半。所以，例如：

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

}

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