ブロックレベル要素をセンタリングする方法 - Web標準普及プロジェクト
ブロックレベル要素をセンタリングする方法 一昔まえはcenter要素やdiv要素にalign属性を付けてセンタリングするという手法が当たり前でした。 しかし、最近では見た目はHTMLではなく、CSSで指定するべきである、と言われだし、 現にcenter要素はHTML4.01 Strictや、最新のXHTMLでは使用できません(HTML4.01的には非推奨)。 そこでCSSによる正しいセンタリングの仕方をここで解説します。 正しいセンタリング方法 テーブルやdiv要素のようなブロックレベル要素をセンタリングするにはtext-alignは使いません。 text-alignプロパティはインライン要素の位置揃えを指定するためのものだからです。 Bugzilla-jpにも報告された多くのサイトでは"text-align:center;"を使ってセンタリングしようとしていましたが、 これによってブロッ
CSS によるブロックレベル要素の左右中央揃え
Updated 2006.04.21 / Published 2006.04.21 Internet Explorer6のシェアが全盛期だったころ、初心者が CSS を使ったデザインでつまづく（失敗する）ことが多い事例に text-alignプロパティの誤用がありました。本文書では、CSS デザインによる論理構造と表現（見栄え）とを分離させる一歩として div要素の align属性や center要素を使った (X)HTMLでの表示指定に頼らないCSS による代替のみでブロックレベル要素（display:block;の状態の要素）の左右中央揃えをコントロールする手法を解説します。 text-alignプロパティの誤用に注意 div要素の align属性や center要素とは異なり、text-alignプロパティによる指定では横幅の指定されたブロックレベル要素（display:block;
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://coliss.com/articles/build-websites/operation/css/css-vertical-align-anything-by-sebastian.html
