DIV の水平方向のセンタリングを制御する CSS の問題に関しては、多くの初心者が混乱しているようです。私が初めて CSS を読んだのは外国人が書いた本で、センタリングの使用について書かれていたのを覚えています。
マージン左:自動;
マージン右:自動;
実際、これは次と同等です。
マージン:0 自動;
したがって、この方法を使用することもできますが、IE を使用すると中央揃えにならないことに気付いた人もいます。 DTD 宣言が欠落していないか確認することをお勧めします。
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
多くの人が同じような間違いを犯しています！この方法も試行錯誤されていると言えますが、それでもうまくいかない場合もあります。そこで 2 番目の方法があります。
マージン左:50%;
左: -幅/2;
ここでの幅は CSS の幅ではなく、DIV の幅です。たとえば、div の幅が 768 ピクセルの場合は、left:-384px を設定する必要があります。非常に良いことです。すでに 2 つの方法があり、遭遇する可能性のある問題は解決されていると言えます。
場合によっては、この 2 つだけでは不十分だと感じることもあります。一部のブラウザには対応しておりません。そこで、主に IE を考慮し、最初の方法に基づいた 3 番目の方法を見つけました。本体の設定が必要です。
本文 {text-align: center;}
この方法でも IE では中央揃えになりますが、ページ内のすべてのテキストが中央揃えになり、見栄えが良くないという新たな問題が発生します。これは簡単に解決できます。 text-align: left およびその他の調整設定を DIV 定義に追加するだけです。
上記の文章は、夕食後の参考とスケッチにすぎません。実務では誰でも注目できる！