HTML 电子邮件 - Gmail - 在图像之间添加空格答案

【问题标题】：HTML Email - Gmail - Whitespace added between imagesHTML 电子邮件 - Gmail - 在图像之间添加空格
【发布时间】：2019-09-18 16:38:46
【问题描述】：

我正在为我们的团队创建一个电子邮件签名模板。电子邮件签名在带有深色背景的表格行上方有一个团队成员的个人资料图像；但是，Gmail 在图像底部和下方部分之间创建了一个空间。我已经尝试了几乎所有可以在 stackoverflow、电子邮件僧侣等上找到的东西。

表的cellspacing、cellpadding 和border 已设置为0。 display:block 无效，将font-size 设置为小于2px 也无效。

任何帮助将不胜感激。

<tr>
  <td width="202" rowspan="3" valign="bottom" style="vertical-align: bottom;">
    <div valign="bottom">
      <img
        src="IMAGEURL.png"
        align="absbottom"
        width="202"
        height="242"
        border="0"
        style="display: block; line-height: 0px; font-size: 0px; border: 0px; padding: 0px; vertical-align: bottom !important;"
      />
    </div>
  </td>
</tr>

【问题讨论】：

标签： html-email

【解决方案1】：

不幸的是，无法复制，但是当您删除 div 时会发生什么？
老实说，确实不需要其中的 div，您也可以将其删除，并且 align="bottom" 应该只在表格单元格上设置，因为默认情况下图像将继承该属性。

老实说，如果您可以发布您正在使用的整个代码，那将是一件好事，因为它会为我们提供您正在使用的内容的上下文。即使它包含占位符内容，就像您已经对图像路径所做的那样。

【讨论】：