素材の壺

ボックスのセンタリング〜CSS

ボックスのセンタリング〜CSS

【概要】
ボックスのセンタリング。

ブロックレベル要素の内容をセンタリングさせる場合などには「text-align」を使用しますが、テーブルなど幅が決まっているボックスをセンタリングさせるには左右を「auto」に設定します。主にサイト全体を中央寄せにする場合、全体を囲むdivなどに用います。


【中央寄せ】
.box{ margin: 0 auto; width: ○○px;}
右寄せにするなら「margin-right」を0に、左寄せにするなら「margin-left」を0にする。


【右寄せ】
.box_right{ margin: 0px 0px 0px auto; width: ○○px;}


【左寄せ】
.box_left{ margin: 0px auto 0px 0px; width: ○○px;}


※widthは必ず指定しましょう。widthを指定していないとボックスが横幅いっぱいになってしまい
センタリングする事が出来ません。

コメントする

名前
電子メール
URL
コメント
サイト内検索
TOP利用規約リンクについてお問い合わせ│相互リンク[ 素材1 ][ 素材2 ][ 素材3 ][ HP制作 ]│
無料アフィリエイトツール「アフィーノ」