如何在圖像上正確設置垂直對齊中間

Question

示例我已將100px設置爲高度。在div有一個標誌，我想這是vertical-align:middle;

下面的例子http://jsfiddle.net/c7Me7/

我想要的標誌將被自動對齊到中間無有padding或margin。

輸出應該像

讓我知道

Answer 1

更新：這工作。

#top { height:100px; background:#000; padding:0 20px;line-height:100px;} 
#logo img {vertical-align: middle;} 

看到的 - http://jsbin.com/utuye5/2

Answer 2

請看看這個頁面，它通知：幾個方法來解決這個問題。

http://blog.themeforest.net/tutorials/vertical-centering-with-css/

Answer 3

http://jsfiddle.net/c7Me7/7/

使用文本對齊：中心

Answer 4

#top { height:100px; background:#000; padding:0 20px;position:relative} 
#logo {position:absolute;top:30% } 

試試這個top可以調整按需要

感謝， 阿米特