outlook - 从 Outlook 发送到 Gmail 时为 HTML 电子邮件添加的额外空间

Question

如果我在 Gmail 或 Outlook 中打开以下 HTML 电子邮件，它会按原样呈现:

<img src="img.png" />

但是，如果我在 Outlook 中打开它然后将其转发到 Gmail，它会添加额外的垃圾 HT​​ML，使该区域比应有的高度(“p”标签负责增加的高度 - 特别是 3px):

<p class="MsoNormal">
    <span style="font-size:10.0pt">
        <img src="img.png">
        <u></u>
        <u></u>
     </span>
</p>

有很多解决 Gmail 中间距问题的解决方案，例如在图像中添加 display:block，将字体大小和行高设置为 0 等。我尝试了十多种方法，但都没有奏效，因为后面我无法控制的场景 HTML 修改 - 样式和属性被剥离，带有自己属性的标签被添加等。

是否有解决方法可以始终保留原始格式？我很乐意提供所需的任何其他详细信息，请告诉我。

Answer 1

对此没有解决方法，但有一些方法可以限制和隐藏分隔的大小。我将其称为分离，但由于 Outlook 应用了 mso-normal p 标签，它实际上是扩展的顶部单元格。 Here is a related article.

表格之间的差距(约 15 像素)比表格行之间的差距(2 像素)更大。它更复杂，但尝试将所有您负担不起的东西放在一张大 table 中。 Colspans 和 rowspans 可能很复杂，但如果设置正确，它们就可以工作。

要隐藏分隔，请使用 bgcolor 集将所有表包装在主内容表中。例如，将一个大的内容 Pane 设置为白色。从 Outlook 发送时，您的所有子表都会移动，但间隙将保持白色，阻止不需要的行出现在您的电子邮件正文中。

页脚的一个技巧 - 作为主白色面板的最后一个子表，当它分开时，它会在它下面创建一条白线。从主面板中删除页脚表或将单元格 bgcolor 设置为与您的电子邮件背景相同以隐藏此分隔。