image - 对齐底部的图像

Question

所以我有一个空间用于 120x120 的图像，它用于缩略图，特别基于宽度。 它是一个包含图像的 div，链接到一篇文章

我有一张 120x57 的图片，但它位于 div 的顶部，与下一个 div 上的文本留出太多空间

<div class="thumb">
<a href="http://link.com"><img src="http://link.com/media/thumb.png" border="0" alt="thumb" title="thumb" class="thumblist"></a>
</div>

它的CSS:

margin: 8px 0;
width: auto;
height: 120px;
overflow: hidden;

我试过使用 vertical-align:bottom，但没有成功，没有其他干净的方法可以将它对齐到中间(或至少对齐到 ?

问候

Answer 1

你可以试试这个:

.thumb {
   margin: 8px 0;
   width: auto;
   height: 120px;
   overflow: hidden;

   display:table-cell;
   vertical-align:bottom;
}