ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト

ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ

[kiyo_hiko]

widthを指定して左右のmargin: autoする

[rindenlab]

今頃理解してしまった

[mainyaa]

@grapswiz っmargin auto

[erp777]

IE のtext-align:center;でブロックレベル要素がセンタリングされるバグ

[pudechige]

align　でなく、margin auto でcenter をコントロールする方法

[h6n]

何度もググってるので。

[kiki114]

center

[qinmu]

CSS。

[mkozo]

CSS

[takehikom]

『センタリングしたい要素の左右のマージンをautoにし、ブロックレベル要素に幅を指定するのが正しい方法』

[abetomotomo]

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

[As_hsp]

ブロック要素の中央配置

[hisamaki]

CSSによるblock要素の正しいセンタリング方法

[niguruta]

CSSによる正しいセンタリングの仕方。text-alignは使用しないのがポイント。

[Grune_Jade]

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

[kakkyz81]

firefoxでセンタリングするためには、text-alignはつかわない。

[webmarksjp]

*design

[sgtakeru]

IEは解釈が異なる。

[MayBowJing]

な、なんだってー!?　＞ブロックレベル要素をセンタリングするにはtext-alignは使いません。

[willnet]

テキストならtext-alignだけど、テーブルは？という疑問を解決してくれた

[toton]

cssで正しいセンタリング方法

[AmaiSaeta]

あ、そうなんだ。知らんかった｡IE6用回避策ものってて便利。

[sisicom]

これはすばらしい

[sippu]

ブロックレベルのセンタリングの方法　IEにあわせるのって大変だな

[mullen]

IE　orz

[convexstyle]

useful

[oki448jp]

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

[kimura_m_29]

IEにも対応

[asagi29]

IEにも対応

[facet]

text-align: justify; か。へえ。