我有一个非常简单的测试html网站：
<html>
<body>
<div style="height:500px">
<img style="height:200px; vertical-align:middle;" src="http://i.imgur.com/BidLR.jpg" />
</div>
</body>
</html>
但是图像不是以div为中心垂直显示的。 （至少在Google Chrome中）。图像呈现为中心需要什么？
答案 0 :(得分：4)
vertical-align将图像垂直居中于其线条上。您需要设置一个比图像高的line-height。
查看样式区域：
http://jsfiddle.net/5ugDx/
答案 1 :(得分：0)
至少有6种不同的图像居中方式。选择一个：