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

示例我已将主div设置为高度

100px

。在div中有一个logo，我希望它是

垂直对齐：中间

这里有一个例子

我希望徽标将自动对齐到中间，而不带有
填充
或
边距

输出应该是


让我知道
请看一下这一页，它提供了几种解决方法的建议


使用文本对齐：居中更新：此操作有效

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

见-

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

谢谢，
阿米特
hmmm。。你知道垂直对齐：中间的样子吗？很好。谢谢你，乔！设置行高，不使用
>div>a>
也可以。那篇文章说它在IE中不起作用。我在IE9测试版中试用过它，它确实在那里起作用：）
#top { height:100px; background:#000; padding:0 20px;position:relative}
#logo {position:absolute;top:30% }