メディアブルデザインの制作書庫

MediableDesign - 制作書庫

ボックスのセンタリング


ブロックレベル要素の内容をセンタリングさせる場合などには[text-align]を用いるが、テーブルなど幅が決まっているボックスをセンタリングさせるには[margin-left]と[margin-right]をautoに設定します。

[例]
margin-left: auto;
margin-right: auto;

この時widthを指定していないとボックスが横幅いっぱいになってしまいセンタリングする事が出来なくなるので、widthを指定するようにする。

応用として右寄せなら[margin-right]を0に、左寄せなら[margin-left]を0にする事で出来る。


同じカテゴリの記事

borderプロパティ-線種

リンクテキストの設定

borderプロパティ一括指定

CSSを使った全体設定

ロールオーバーボタンを作る~画像無し

50,000円からのホームページ制作
月額10,000円からのホームページ更新・運営代行

powered by MediableDesign(メディアブルデザイン)
このウェブサイト上の文章、映像、写真などの著作物の全部、または一部を了承なく複製、使用することを禁じます。
COPYRIGHT © MediableDesign All Right Reserved.