没有固定父级

Question

任何能告诉我如何在没有固定高度的DIV中垂直对齐DIV图像的人？有了固定的高度，我可以这样做：

HTML

<div class="views-field-field-thumbs-accessories">
    <div class="sensorimage">
        <a href="/accessory/bag-15">
            <img width="120" height="120" title="Bag" alt="Bag" src="http://localhost/sites/default/files/thumbs/bag.jpg" typeof="foaf:Image">
        </a>
    </div>
</div>

CSS

.sensorimage {
    height: 100px; /* max-height does not work*/
    min-width:190px;
    position: relative;
    margin-bottom:10px;
}

.sensorimage img {
    max-height: 100%;  
    width:auto; 
    position: absolute;  
    top: 0;  
    bottom: 0;  
    margin-bottom: auto;
    margin-top: auto;   
}

这给了我几乎我想要的东西。图像在DIV中垂直居中。但由于具有类.sensorimage的DIV必须具有固定的高度，因此某些图像看起来太小。我希望图像具有自然的高度和宽度。我试过“max-height”，但出于某种原因隐藏了所有图像。我还试图为外部div设置display:table，为图像（或内部div）设置display:table-cell和vertical-align:middle，没有运气。 任何人吗？

编辑：对于前。如果2个图像高30像素，同一行中的一个图像高100像素，则较小的图像仍应垂直居中。