私はここで問題を抱えています、私は存在の中に私の要素の多くを持ってい<div>
ますposition:absolute
。そして、解像度を変更するまでは、要素が中央に配置されていないことに気付くまで、すべてが良さそうです。
これは、要素の1つのサンプルコードです。
p img {
position: absolute;
}
#contentback p img {
top: 300px;
left: 250px;
z-index: 2;
}
私はここで問題を抱えています、私は存在の中に私の要素の多くを持ってい<div>
ますposition:absolute
。そして、解像度を変更するまでは、要素が中央に配置されていないことに気付くまで、すべてが良さそうです。
これは、要素の1つのサンプルコードです。
p img {
position: absolute;
}
#contentback p img {
top: 300px;
left: 250px;
z-index: 2;
}
使用する
margin:auto;
それでも調整したい場合は、
margin-left:x%;
margin-right:x%;
あなたになら変えられるx
絶対に配置された要素を中央に配置するための私が知っている最良の手法:
.element {
width:500px;
position:absolute;
left:50%;
margin-left:-250px;
}
この方法では、オブジェクトの幅が固定されている必要があります。しかし、それは私にとって非常にうまくいきました。
を指定してwidth: xxpx
使用するmargin:auto;
更新しました
を取り外しleft: xxpx
てcenter
整列させます。
まずabsolute
ポジショニングでは無理です。このような配置は、要素を本体の通常の流れから外すだけであり、自動的に中央に配置することはできません。そのためには、relative
ポジショニングを使用する必要があります。要素は固定幅である必要があります。そうしないと、ブラウザーは余白としてどのくらいの余白を残す必要があるかわかりません。次に、適用しますmargin: auto
。テーブルの配置もこれを実現しますが、非常に複雑です。この方法では要素を垂直方向の中央に配置することはできません。