我创建了一个 JSFiddle:http: //jsfiddle.net/Q8uWv/
我正在尝试将图像垂直对齐在div
. 使用vertical-align: middle
不起作用。除此之外,我已经尝试过margin-top:auto; margin-bottom:auto
,但仍然没有运气。我怎样才能让这个图像垂直居中?
我创建了一个 JSFiddle:http: //jsfiddle.net/Q8uWv/
我正在尝试将图像垂直对齐在div
. 使用vertical-align: middle
不起作用。除此之外,我已经尝试过margin-top:auto; margin-bottom:auto
,但仍然没有运气。我怎样才能让这个图像垂直居中?
添加行高:200px;到您示例中的 div 。
要使用vertical-align:middle;
,您需要添加display:table-cell;
到容器中<div>
:
我认为这是关于垂直居中的最佳文章 http://blog.themeforest.net/tutorials/vertical-centering-with-css/