如何停止将单元格的高度拉伸超过极限的图像

Question

我有一个表格行，我想要保留在特定高度（50px），但是当我将图像放入它时，它将其拉伸超过这完全不是我想要的。当插入图像时，我希望它的底线与单元格的底部一致，并且图像的其余部分悬浮在单元格的上方。

有没有人有任何想法？

这里是我的意思

http://jsfiddle.net/CH7Dq/

Answer 1

你的jsfiddle似乎并不奏效（图像是无效的），但你可以尝试设置一类的表行，如：

max-height: 50px; 
overflow: hidden; 

这将保持内容不会使行大于50px高。

Answer 2

如果你想要的图像调整大小，以便它适合设置在图像上的高度过一个例子;否则，你想在你的行上设置overflow:hidden;。

.nyanRow, .nyanRow img 
{ 
    max-height: 50px; 
}​ 

Live DEMO

Answer 3

在你的CSS：

.nyanRow, .nyanRow img 
{ 
    max-height: 50px; 
}​ 

是你在找什么？