8

div にコンテンツのセクションがあり、これは現在左中央に配置されています。 フィドル。

次のようなコンテナ div を追加してみました。

<div style='text-align:center; width:100px;'>[content]</div>

しかし、運がありません。これも試しました：

<div style='margin: 0px auto; width:100px;'>[content]</div>

コンテンツは依然として左揃えです。

これは機能しますが、CSS でこれを行う正しい方法を見つけたいと思います。

<div style='width:100px;' align='center'>[content]</div>

よろしくお願いします。私はテーブルでこれをやりたくなりましたが、古い習慣を打破する必要があります!

4

3 に答える 3

8

外側の div をその親に対して中心に配置しようとする場合 (bodyこの場合)、横方向のマージンを auto に設定する必要があります。

body div{
    margin: auto;
}

ここでわかるように

于 2013-01-22T14:21:00.667 に答える
3

divを中央に配置するツールは実際にはmargin: 0 auto;です。

于 2013-01-22T14:22:49.123 に答える
0

div「角丸」内でコンテンツを別のコンテンツでラップします。

そしてstyle="width: 100%; margin: 0 auto;"、この新しいdivに書き込みます

于 2013-01-22T14:34:54.047 に答える