でん⚡きかいでんのブログ

3Dプリンター、3DCG、PC、電子工作、HTML、CSS、ミシン、ペンタブレット、アイデア・材料・道具の紹介。PCデータのわかりやすいバックアップ方法。PC関連機器の使用感レビューなど。

クリエイティブ・コモンズ・ライセンス表示

2014.05.18 [日]

センターで揃える(基本)

compress006.png

<center></center>

 一番簡単なのはこれ。
 全部センターで揃える。
 でも、
 「全体を真ん中に持ってきたいけど、テキストなどの中身まで中央寄せにしたくない」
 こういう時は使えない。


{text-align:center;}

 CSSでテキストを中央寄せにする時に使う。
 でも全体を中央寄せしたいだけの時は使えない。


{margin:0px auto;}

(margin-left:auto; margin-right:auto;)同じ意味

 CSSで全体を中央寄せしたい時に使う。
 テーブル全体を中央寄せしたい時に使う。
 左右をauto設定にすることで中央に配置できる。
 (私はこれをたまに忘れるのでブログ記事にしておく。)



関連記事

▲