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

删除位置：绝对和行高：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/