• 虹色ミツバチ
  • freoカスタマイズメモ、テンプレート・プラグイン配布/officeTIPS
検索プラグイン

> Entry >Other>CSS> DIV要素のセンタリング

【Other】【CSS】DIV要素のセンタリング

  • 2012/03/04 09:58
  • css
  • 65

<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>

ページ移動

関連記事

ユーティリティ

新着コメント

2018/07/14|from:ミツ@32877
同人誌在庫・売上管理表配布
2018/07/14|from:ゆり
同人誌在庫・売上管理表配布
2018/06/18|from:あつこ
同人誌在庫・売上管理表配布
2018/06/17|from:ミツ@32877
同人誌在庫・売上管理表配布
2018/06/17|from:あつこ
同人誌在庫・売上管理表配布

Twitter

記事検索

ページ上部へ