最終更新:2015-07-22 (水) 05:17:53 (1156d)  

HTML/レイアウト はてなブックマークを見る
Top / HTML / レイアウト

ブロックレベル要素センタリング?する方法

  • 一昔まえはcenterタグ?divタグalign属性を付けてセンタリングするという手法が当たり前でした。
  • しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。

水平

右寄せ?

  • divのalign属性 - div自体が中央寄せになる
    • align="right"
  • text-align - divの中のテキストが右寄せになる

中央寄せ? (センタリング?)

  • centerタグ? (非推奨、HTML5で廃止)
  • センタリングしたい要素の左右のマージンをautoにし、ブロックレベル要素に幅を指定するのが正しい方法

左寄せ?

  • align="left"

上寄せ?

下寄せ?

関連