如何停止將單元格的高度拉伸超過極限的圖像

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; 
}​ 

是你在找什麼？