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

Question

我有一个表格行，我想保持在某个高度（50px），但是当我将图像放入其中时，它会将其拉伸到完全不是我想要的高度。插入图像时，我希望它的底线与单元格的底部对齐，而图像的其余部分则漂浮在其上方。

有没有人有任何想法？

这是我的意思的一个例子

score 1 · Accepted Answer

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

max-height: 50px;
overflow: hidden;

这将防止内容使行大于 50px 高。

score 0 · Accepted Answer

如果您希望调整图像大小以使其适合在图像上设置高度；否则，你想overflow:hidden;在你的行上设置。

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

score 0 · Accepted Answer

0

在您的 CSS 中：

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

那是你要找的吗？

于 2012-06-27T19:40:13.027 回答

3 回答 3