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

Question

示例我已将主div设置为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/

使用text-align：center

Answer 4

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

试试这个top可根据需要进行调整

谢谢， 阿米特