html - div 中动态尺寸图像的垂直居中对齐

Question

有一种方法可以通过使用行高在 div 中将图像垂直居中。但在我的例子中，我在 div 中的图像具有动态大小，因此行高方法不起作用。

http://jsfiddle.net/CM4Kx/

.company-logo-wrap {
width: 110px;
margin-top: 10px;
margin-left: 35px;
height: 110px;
border: 1px solid #ddd;
position: absolute;
line-height: 120px;
}

Answer 1

删除position: absolute 和line-height: 120px 并添加display: table-cell 和vertical-align:中间

.company-logo-wrap {
    width: 110px;
    margin-top: 10px;
    margin-left: 35px;
    height: 110px;
    border: 1px solid #ddd;
    display: table-cell;
    vertical-align: middle;
    position: absolute;
}

http://jsfiddle.net/5WJ3z/