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

时间:2014-07-15 09:54:23

标签: html css outlook

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

我已尝试设置高度或宽度,因此它不会太大但有些比其他更宽,所以即使高度合适,宽度也会推动细胞更宽。

没有办法告诉图像填充尽可能多的单元格而不扩展它到达单元格最大尺寸?

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

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

所以基本上我想要做的就是设置表格单元格让我们说100px的高度和宽度150px以及图像“首先点击”的大小,它停止变大

1 个答案:

答案 0 :(得分:1)

对于您的图片,添加一个类,如下所示。我希望你已经为表格单元分配了宽度和高度。

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