jquery - cssを使用した絶対divのセンタリング

Question

私は常に JQuery を使用して div を水平方向に中央揃えにしていますが、今回は JQuery または Javascript のサポートなしでプロジェクトを実行しています。

そのため、cssのみを使用してタグなしでdivを中央に配置したいと思います。

PS : div には z-index と絶対位置があります。

前もって感謝します、

Answer 1

http://jsfiddle.net/CRhbF/

これは、絶対に配置され、中央に配置された要素の寸法がわかっている場合にのみ機能します。

Answer 2

絶対配置を使用している場合は、"left: 50%;" プロパティを使用します。div の幅の半分に等しい負の値を持つ「margin-left」。たとえば、次のようになります。

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

}

Z インデックスは、センタリングにはあまり関係ありません。Z-index 値が大きい div の上に他の要素が配置されている場合、div は単にそれらの下に隠されます。