メニュー

Home >css> DIV要素のセンタリング

【css】DIV要素のセンタリング

2012/03/04 09:58|タグ:cssグッジョブ表示 45

<div>要素をセンターに配置する場合の記述方法。

<div>にtext-alignをつけると、<div>自体のセンタリングはできず、<div>内の要素(文章など)がセンタリングされてしまう。
<div>自体をセンタリングしたい場合は、alignを使用するか、marginの設定を変更する。

alignの設定

<div>にtext-alignではなく、alignを設定する。
 
html記述例:

<div align="center">内容</div>


alignの種類:
left…左寄せ
right…右寄せ
center…中央寄せ

marginの設定

<div>の左右のmarginをautoにする。

記述例:
(1)外部cssを使用する場合
・外部css

div.center{margin : 0 auto;}


・html

<div class="center">内容</center>

(2)htmlのみの場合

<div style="margin:0 auto;">内容</div>

ページ移動

関連エントリー

コメント

  • コメントはまだありません。

コメント登録

登録フォーム
名前
メールアドレス
URL
コメント
投稿キー(スパム対策に、投稿キー を半角で入力してください。)

ユーティリティ

新着コメント

Twitter

サイト内検索

ページ上部へ