2009年6月16日火曜日

センタリング(中央寄せ)

ページ全体のセンタリングをする機能はCSSにはなく、混乱を招いています。
当座はセンタリングは左右マージンの値を「auto」にし、幅を指定します。
「margin: auto 」にした場合は、「上右下左」がautoになり、左右、垂直が中央寄せになります。

div#container {
width: 760px;
margin-left: auto;
margin-right: auto;
}

上はブロックレベルの場合ですが、インライン要素(ボックスの中のテキスト文)の場合には、以下のように指定します。

text-align: center;