html - 制限を超えてセルの高さを伸ばす画像を停止する方法

Question

特定の高さ (50px) に保ちたいテーブル行がありますが、画像を入れると、それを超えて伸びてしまいます。画像が挿入されると、セルの下部と画像の残りの部分がその上に浮いているようにします。

誰にもアイデアはありますか？

ここに私が意味するものの例があります

score 1 · Accepted Answer

あなたのjsfiddleは機能していないようです（画像は無効です）が、テーブル行のクラスを次のように設定してみてください：

max-height: 50px;
overflow: hidden;

これにより、コンテンツが行の高さを 50px より大きくしないようにします。

score 0 · Accepted Answer

あなたのCSSで：

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

それはあなたが探しているものですか？

score 0 · Accepted Answer

画像が収まるようにサイズを変更したい場合は、画像にも高さを設定してください。それ以外の場合は、行に設定overflow:hidden;します。

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

3 に答える 3