Css 如何在固定大小的表格单元格中按比例缩放图像

我有一个固定高度和宽度的桌子单元。在它里面，我有一个图像，可以在大小和大小比例变化

我想让图像在表格单元格内水平和垂直对齐。此外，图像应根据表格单元格的大小按比例缩小

这是电子邮件模板的一部分，所以我没有现代CSS支持，所以我不能使用背景相关的CSS。除了Lotus Notes，我什么都关心。您可以在此处查看电子邮件支持的CSS属性的完整列表：www.campaignmonitor.com/CSS。另外，obv.，没有Javascript

---

任何帮助都将不胜感激。

您需要将这些属性应用于表格单元格，并为您的图像提供固定的大小（宽度或高度）。它将自动缩放

<td valign="middle" align="center">
     <img src="..." width="100" />
</td>

---

您可以这样编写HTML

<table>
    <tr>
    <td style="width:250px; height:250px; background-color:red;text-align:center; vertical-align:middle">
    <img src="http://www.100marks.in/wp-content/uploads/2012/07/Sachin-Tendulkar-Pictures-Latest-2.jpg"  style="max-height:100%; max-width:100%"/>   

    </td>   

    </tr>


</table>

如果outlook不支持

max-width

和

max-height

，则可以提供

width:auto

和

height:auto

参考此选项

---

[Old]

Outlook 2013的一些实验表明，如果图像显示在表外，Outlook会默认将其宽度缩小到窗口宽度。因此，如果您可以在没有表格的情况下完成此操作，至少您不会在Outlook中获得水平滚动条

（根据您的列表，所有其他电子邮件客户端都支持

最大宽度

和

最大高度

，因此在其他任何电子邮件客户端中都不会出现问题。）

然而，如果事先知道包含表格单元格的高度和宽度，真正的解决方案是在发送图像之前调整图像服务器端的大小。这不仅可以解决问题，还可以节省带宽

如果由于某种原因，无法调整图像本身的大小，那么另一种方法是计算（服务器端）图像的大小，并将其包含在HTML中

---

如何做到这一点取决于您使用的模板系统；不幸的是，您没有提到这方面的任何内容…

您说您有一个表和单元格。。。但我看到的只是空白：我在网站上看到的比空白多得多。但是没有桌子@李斯特先生，这个列表只是为了查看css属性的列表，而不是我想做的。这是一个电子邮件模板。@Matt Vagni这是Okeyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyyy案例：“最大宽度：100%”在img标签帮助中，我不能这样做，因为我不知道宽度或高度是否是限制大小。这些图像是动态的，我没有这些信息，所以你不能按你的要求去做。HTML/CSS无法检测图像的大小。