CSS DIV の水平方向のセンタリングの問題_html/css_WEB-ITnose

多くの新しい友達が水平方向のセンタリングの問題に遭遇するでしょう。これは次のように要約されます:

方法 1:

.center{

margin-left:auto;

margin-right:auto;

}

以下 このコード行は同等です。

.center{

margin:0 auto;

}

IE にセンタリングがないことが分かりました。DTD 宣言が欠落していないか確認することをお勧めします。

方法 2:

margin-left:50%;

left: -width/2;

ここでの幅は CSS の幅ではなく、DIV の幅です。たとえば、div の幅は 768 ピクセルです。 , 次に、 left:-384px を設定する必要があります。

2 番目の方法では、ブラウザーの互換性の問題が発生することがあります。

方法 3:

次のスタイルを本文に適用します:

body {text-align: center;}

この文は、本文領域のすべてのテキスト コンテンツを中央に配置します。

制御を容易にするために、対応する DIV に text-align: left; 設定を追加して、関連する調整を行ってください。