我有一个非常简单的测试 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 中垂直居中显示。（至少在谷歌浏览器中）。图像居中渲染需要什么？
问问题
362 次
2 回答
4
vertical-align将图像垂直居中在它的线上。您需要设置一个line-height比图像高的值。
见风格区：http:
//jsfiddle.net/5ugDx/
于 2012-09-26T19:34:49.650 回答
0
至少有 6 种不同的方法可以使您的图像居中。选一个：
于 2012-09-26T20:16:27.860 回答