image - 我需要一个以 div 为中心的垂直 img，如何？

Question

供参考：检查：http: //jsfiddle.net/blackvibes/mVYwd/

我正在为移动设备创建一个网站（很确定这不是最好的方法......但无论如何）我一直使用百分比，因为它在任何移动（纵向）屏幕上的大小都应该相对相等。

我尝试了很多事情，例如：

#header img {
vertical-align:middle;
padding-top: auto;
padding-bottom: auto;
margin-top: auto;
margin-bottom: auto;

}

但我仍然无法让它工作。

唯一会出现在该 div 中的是显示学校徽标的单个图像。

提前致谢！

Answer 1

从 img 标签中删除widthandheight

#header{text-align:center;}

Answer 2

使用您的图像作为您的#headerid 的背景：

#header img {
    background:url(your_image.jpg) center center no-repeat;
}