css - 如何在固定大小的表格单元格内按比例缩放图像

Question

我有一个固定高度和宽度的表格单元格。在其中我有一个图像，其大小和大小比可能会有所不同。

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

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

如有任何帮助，我们将不胜感激。

Answer 1

你可以像这样做 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>

如果 max-width 和 max-height 不被 outlook 支持，你可以给 width:auto 和 height:auto引用this ( old link )