2015-11-02 16 views
5

specによれば、デフォルト値vertical-alignbaselineです。テーブルセルの垂直整列のデフォルト値

baseline

親ボックスのベースラインとボックスのベースラインを揃えます。 ボックスにベースラインがない場合は、マージンの下端を親のベースラインの に揃えます。

それはテーブルのセル(td)に来るときしかし、デフォルト値は常にmiddleで表示されます。

middle

親ボックスプラス親の半分のx高さの基準とボックスの垂直方向中間点の位置を合わせ。

私はこの動作の正式な確認を希望しますが、W3Cのドキュメントでは何も見つかりません。私が見つけたすべては、デフォルト値がbaselineだと言います。

vertical-alignのデフォルト値は、表のセルではmiddleです。

答えて

8

仕様で述べたように、vertical-alignの初期値は常にbaselineある:

垂直整列

  • 初期:ベースライン

しかし、expとして(彼らがしたかのよう 振る舞い)The cascadeにlained、

Conforming user agentsデフォルトのスタイルシートを適用する必要があります。

ユーザエージェントのデフォルトのスタイルシートは、 ドキュメント言語の要素を、ドキュメント言語に対する一般的な表示 の期待を満たす方法で提示する必要があります。

HTMLドキュメントの推奨デフォルトスタイル シートについては、A sample style sheet for HTMLを参照してください。

そして、あなた(著者原点は)tbodyのための任意の値を提供しない年代もtdvertical-alignは、カスケードからmiddle値を取得する場合に推奨スタイルシートは、そのため

thead, tbody, 
tfoot   { vertical-align: middle } 
td, th, tr  { vertical-align: inherit } 

含まれていユーザーエージェントの起源

デフォルトのスタイルシートは実装に依存するため、ブラウザによっては異なる要素の値が異なるvertical-alignに設定される場合があります。