HTMLページの最初の要素としてdivタグがあります。この要素をページの中央に配置したい。したがって、この div タグの左右のマージン プロパティを設定します。例: margin-left:20%
ただし、マージンはブラウザによって効果が異なり、UI の配置はブラウザごとに異なります。
どうすればこれを解決できますか?
すべてのブラウザで同じようにマージンを設定する方法は?
前もって感謝します。
HTMLページの最初の要素としてdivタグがあります。この要素をページの中央に配置したい。したがって、この div タグの左右のマージン プロパティを設定します。例: margin-left:20%
ただし、マージンはブラウザによって効果が異なり、UI の配置はブラウザごとに異なります。
どうすればこれを解決できますか?
すべてのブラウザで同じようにマージンを設定する方法は?
前もって感謝します。
次の css プロパティを css クラスに追加してみてください。
margin:0 auto;
divに幅が設定されている場合、通常はこれがうまく機能します
yourDiv {
margin: 0 auto;
}
div に関する詳細情報を知らなくても、これが最善の策です。最初の 0 は上下のマージンを 0 に設定し、auto は左右のマージンを設定します。
分割センタリング
相対的に配置された div のセンタリング
#div {
position: relative; /* Or without position property | default is static */
width: 960px; /* Change to your needs */
margin: 0 auto;
}
また、「上はmargin: 0 auto 20px;
どこ」、「左/右」、「下」なども使用できます。0
auto
20px
絶対配置divのセンタリング
#div {
position: absolute;
width: 960px; /* Change to your needs */
top: 0;
left: 50%;
margin-left: -480px; /* Margin left is - width / 2 */
}