0

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

我正在尝试将图像垂直对齐在div. 使用vertical-align: middle不起作用。除此之外，我已经尝试过margin-top:auto; margin-bottom:auto，但仍然没有运气。我怎样才能让这个图像垂直居中？

4

3 回答 3

2

添加行高：200px；到您示例中的 div 。

于 2012-12-13T23:43:57.247 回答
1

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

http://jsfiddle.net/XXE2j/

于 2012-12-13T23:52:37.230 回答
0

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

于 2012-12-13T23:46:30.907 回答