2011-07-08 15 views
1

これはなぜ動作しないのか誰にも分かりますか? http://www.webdevout.net/test?01x afaikする必要があります。私の<div>の要素はすべてブロックレベルでなければならないので、#container > divのものは#container div(オレンジのアウトライン付き)の真ん中にあるはずです。vertical-align:middle issues

答えて

5

スタイルvertical-alignは、表のセル、イメージ、およびスパンタグにのみ適用されます。

+0

は、固定幅にする必要がある(http://www.webdevout.net/test?0g)これはテーブルcell' 'で動作するようにするために、右? – 1237812789123

+0

@Guffa、それは間違っています。 [CSS2の仕様書](http://www.w3.org/TR/CSS2/visudet.html#line-height)による:*適用対象:インラインレベルの 'table-cell'要素* – feklee

+0

@feklee:そして表のセル、画像、スパンタグは何ですか? – Guffa

1

あなたのコンテナにdisplay: tableを使用してください。vertical-alignを内側のdisplay: inline-block要素に使用することができます。

デモの作業私のコンテナを意味http://jsfiddle.net/uzcrt/