如何停止图像拉伸单元格的高度超出限制

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

这就是你要找的东西吗？