我创建了一个JSFiddle:http://jsfiddle.net/Q8uWv/
我正试图在div
的中间垂直对齐图像。使用vertical-align: middle
无效。除此之外,我尝试了margin-top:auto; margin-bottom:auto
,但仍然没有运气。如何将此图像垂直居中?
答案 0 :(得分:2)
添加行高:200px;在你的例子中的div。
答案 1 :(得分:1)
要使用vertical-align:middle;
,您需要将display:table-cell;
添加到容器<div>
:
答案 2 :(得分:0)
我认为这是关于垂直居中的最佳文章 http://blog.themeforest.net/tutorials/vertical-centering-with-css/