ボックスをセンタリングする方法 (＆古いIEでの話) - スタイルシートTipsふぁくとりー

《2016年1月13日 15:43 公開/更新》 ボックスをセンタリングする方法 (＆古いIEでの話) [ボックス,配置] pやdiv要素で作るボックスやtable要素で作る表組みなどをセンタリングしたい(＝左右方向で中央に寄せたい)場合は、対象要素のマージン(margin)に「auto」を指定します。すると、その要素はセンタリングされて表示されます。 なぜなら、左右のマージンが自動的に計算された結果、左右に同じ分量の余白が設けられるためです。左右の余白量が同じになれば、結果的にセンタリング(中央寄せ)になるわけですね。 例えば、横幅を300ピクセルにしたボックスをセンタリングするスタイルシートソースは以下のような感じになります。 div.test { width: 300px; margin: auto; } marginプロパティに値「auto」を1つだけ指定すると、左右の余白は自動で

[neck-t]

ボックスをセンタリングする現実的な方法