我有一个固定高度和宽度的表格单元格。其中放置了一张图片,该图片的大小比例可能会变化。
我希望这张图片在表格单元格内水平垂直居中对齐,并且按比例缩小以适应表格单元格的大小。
由于这是电子邮件模板的一部分,因此我没有现代CSS支持,所以我不能使用与背景相关的CSS,但我关心除Lotus Notes之外的一切。您可以在此处查看电子邮件支持的所有CSS属性列表:www.campaignmonitor.com/css。当然,也不能使用JavaScript。
任何帮助都将不胜感激。
我有一个固定高度和宽度的表格单元格。其中放置了一张图片,该图片的大小比例可能会变化。
我希望这张图片在表格单元格内水平垂直居中对齐,并且按比例缩小以适应表格单元格的大小。
由于这是电子邮件模板的一部分,因此我没有现代CSS支持,所以我不能使用与背景相关的CSS,但我关心除Lotus Notes之外的一切。您可以在此处查看电子邮件支持的所有CSS属性列表:www.campaignmonitor.com/css。当然,也不能使用JavaScript。
任何帮助都将不胜感激。
你可以像这样做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
。请参考这里(旧链接)。width:auto
д»Јж›їmax-width:100%
http://jsfiddle.net/yJUH4/4/ 我жЈењЁзј–辑我的з”жЎ€ - Dinesh Kanivu<td valign="middle" align="center">
<img src="..." width="100" />
</td>