html - 位置それがどの画面解像度で表示されているかに関係なく、それを中央に配置する絶対的な方法は？

Question

私はここで問題を抱えています、私は存在の中に私の要素の多くを持ってい<div>ますposition:absolute。そして、解像度を変更するまでは、要素が中央に配置されていないことに気付くまで、すべてが良さそうです。

これは、要素の1つのサンプルコードです。

p img {
    position: absolute;
}
#contentback p img {
    top: 300px;
    left: 250px;
    z-index: 2;
}

Answer 1

使用する

 margin:auto;

それでも調整したい場合は、

margin-left:x%;
margin-right:x%;

あなたになら変えられるx

Answer 2

絶対に配置された要素を中央に配置するための私が知っている最良の手法：

.element {
width:500px;
position:absolute;
left:50%;
margin-left:-250px;
}

この方法では、オブジェクトの幅が固定されている必要があります。しかし、それは私にとって非常にうまくいきました。

Answer 3

を指定してwidth: xxpx使用するmargin:auto;

更新しました

を取り外しleft: xxpxてcenter整列させます。

Answer 4

まずabsoluteポジショニングでは無理です。このような配置は、要素を本体の通常の流れから外すだけであり、自動的に中央に配置することはできません。そのためには、relativeポジショニングを使用する必要があります。要素は固定幅である必要があります。そうしないと、ブラウザーは余白としてどのくらいの余白を残す必要があるかわかりません。次に、適用しますmargin: auto。テーブルの配置もこれを実現しますが、非常に複雑です。この方法では要素を垂直方向の中央に配置することはできません。