Html 如何阻止图像将单元格的高度拉伸到超出限制

我有一个表格行，我想保持在一定的高度（50px），但当我把一个图像放进去，它就会把它拉伸到完全不是我想要的高度。当图像被插入时，我希望它的底线与单元格的底部对齐，并且图像的其余部分在其上方浮动

有人有什么想法吗

这里有一个例子来说明我的意思

---

如果您希望调整图像的大小，使其适合，请在图像上设置一个高度；否则，您需要设置

溢出：隐藏在您的行中

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

您的JSFIDLE似乎无法工作（图像无效），但您可以尝试为表行设置一个类，如：

max-height: 50px;
overflow: hidden;

这将防止内容使行的高度超过50px。
在CSS中：

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

这就是你要找的吗