如何在div / span中垂直对齐图像?

时间:2012-12-13 23:40:31

标签: html

我创建了一个JSFiddle:http://jsfiddle.net/Q8uWv/

我正试图在div的中间垂直对齐图像。使用vertical-align: middle无效。除此之外,我尝试了margin-top:auto; margin-bottom:auto,但仍然没有运气。如何将此图像垂直居中?

3 个答案:

答案 0 :(得分:2)

添加行高:200px;在你的例子中的div。

答案 1 :(得分:1)

要使用vertical-align:middle;,您需要将display:table-cell;添加到容器<div>

http://jsfiddle.net/XXE2j/

答案 2 :(得分:0)

我认为这是关于垂直居中的最佳文章 http://blog.themeforest.net/tutorials/vertical-centering-with-css/