停止图像覆盖表格单元格大小

Question

我创建了一个电子邮件传单，它根据我输入的 pasrt 代码从服务器中提取图像来生成产品。问题是某些图像比其他图像大，所以我想创建具有设定高度的表格单元格，例如100px x 100px 但是当图像被拉入单元格时，它会越过它并且看起来比它应该的更大。

我尝试设置高度或宽度，使其不会变得太大，但有些比其他更宽，因此即使高度合适，宽度也会将单元格推得更宽。

有没有办法告诉图像在达到单元格最大尺寸时尽可能多地填充单元格而不扩展？

发布我正在使用的确切代码非常困难，但如果您只是创建一个 height="100" 的表格并插入一个大于单元格的图像，它将忽略单元格的高度。

我无法为图像设置手动高度，因为我使用的是一张桌子，如果我添加更多产品，它会成倍增加。

所以基本上我想做的是将表格单元格设置为高度100px，宽度为150px，无论图像首先“命中”的大小是多少，它都会停止变大

Answer 1

为您的图像添加一个类，如下所示应用它。我希望您已经为表格单元格分配了宽度和高度。

.imgclass
{
 max-width:100%;
 max-height:100%;
}