最終更新:2015-07-22 (水) 05:17:53 (3194d)
HTML/レイアウト
ブロックレベル要素をセンタリング?する方法
- 一昔まえはcenterタグ?やdivタグにalign属性を付けてセンタリングするという手法が当たり前でした。
- しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。
水平
右寄せ?
- divのalign属性 - div自体が中央寄せになる
- align="right"
- text-align - divの中のテキストが右寄せになる
中央寄せ? (センタリング?)
- centerタグ? (非推奨、HTML5で廃止)
- センタリングしたい要素の左右のマージンをautoにし、ブロックレベル要素に幅を指定するのが正しい方法
- margin-left:auto;
- margin-right?:auto;
- width:10em;
- text-align - インライン要素の位置揃えを指定
左寄せ?
- align="left"