Google Mail 中的图像间隙

【问题标题】：Image gap in Google MailGoogle Mail 中的图像间隙
【发布时间】：2014-02-11 09:45:20
【问题描述】：

我似乎在将一张图片与 Google Mail 简报中的另一张图片对齐时遇到问题。我相信这是由于锚标签增加了<td> 的高度，因为它的定位。我试图为锚标记、<tr> 和<td> 分配一个高度，但没有成功。有人可以帮助提出解决此问题的方法。该问题的屏幕截图链接如下。

【问题讨论】：

【解决方案1】：

基于html 电子邮件模板的table 的一些一般规则：

添加

style="display:block"

所有图片。

不要这样设置高宽，

  <td colspan="3" style="padding:0 35px;width:600px;">

例如使用height="40" 和width="300" 设置它。

  <td width="400" height="40">

另外，将valign="top" 添加到所有<td> 标签，这将使所有内容垂直对齐到顶部。

此外，一些电子邮件客户端等会删除padding:0 35px; 位，因此很遗憾您可能需要一些嵌套表。

不要为<tr> 标签设置样式，因为这很可能不起作用。

【讨论】：