如何在图像上正确设置垂直对齐中间

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可以调整按需要

感谢， 阿米特