gpt4 book ai didi

outlook - 如何修复 Outlook 2013 中的图像显示?

转载 作者:行者123 更新时间:2023-12-03 21:56:54 31 4
gpt4 key购买 nike

在 Outlook 2013 的试用版中,HTML 电子邮件中的图像显示非常奇怪。据我通过测试得出的结论,看起来小于 20 像素高的图像添加了填充以使它们高 20 像素。我能做些什么来改变它吗?这些电子邮件在 Outlook 2010 和我测试过的其他任何地方看起来都很好。

我曾尝试更改它们所在的表格单元格的高度(通过 height="13" 以及内联 css)以及它们所在的表格和表格行,但都无济于事。以下代码是触发此问题的简单示例,您将能够看到图像上方单元格的红色背景:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="195" style="background-color:#ff0000;"><img src="image url here" alt="" width="195" height="13" style="display: block" /></td>
</tr>
</table>
</body>
</html>

任何人都可以帮忙吗?

最佳答案

添加 line-height风格到td标签(为了更好的衡量,添加一个 height 属性到 td 标签也是如此)。

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="195" height="13" style="background-color:#ff0000; line-height:13px;">
<img src="..." alt="" width="195" height="13" style="display:block;" />
</td>
</tr>
</table>

修改后的代码在 Litmus 中测试良好,适用于所有版本的 Outlook。

关于outlook - 如何修复 Outlook 2013 中的图像显示?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11888571/

31 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com