例100px
の高さでマスターdivを設定しました。 div要素で、私はpadding
かmargin
ていなくて、それはここで私はロゴが真ん中に自動整列になりたいの例http://jsfiddle.net/c7Me7/イメージ上で真ん中に垂直に配置する方法
vertical-align:middle;
になりたい1つのロゴを持っています。
出力は私が
例100px
の高さでマスターdivを設定しました。 div要素で、私はpadding
かmargin
ていなくて、それはここで私はロゴが真ん中に自動整列になりたいの例http://jsfiddle.net/c7Me7/イメージ上で真ん中に垂直に配置する方法
vertical-align:middle;
になりたい1つのロゴを持っています。
出力は私が
更新:これは動作します。
#top { height:100px; background:#000; padding:0 20px;line-height:100px;}
#logo img {vertical-align: middle;}
を知ってみましょう
ようにする必要があり、それはこの問題を解決するにはいくつかの方法でアドバイス、このページを見てみてください。
http://blog.themeforest.net/tutorials/vertical-centering-with-css/
おかげでdvanbale必要性につき
おかげで、のように調整することができ、これを試してみてください。それはhttp://jsfiddle.net/c7Me7/8/ – haha
を働かせて、それはIEで動作しないと言います。 IE9ベータ版で試してみましたが、そこで動作します:) –
#top { height:100px; background:#000; padding:0 20px;position:relative}
#logo {position:absolute;top:30% }
top
が アミット
nice。ありがとうジョー! '> div> a>'を使わずに行の高さを設定することもできます。 http://jsfiddle.net/c7Me7/9/ – haha