html电子邮件布局问题

我已经好几年没有发邮件了，我记得当时的过程非常痛苦

我将我的设计分成三个部分，并将它们放在一张表格中。表格有一个定义的高度和宽度，所有单独的元素也有一个定义，但是当在电子邮件客户端（如Gmail）中查看时，三个表格行之间有空格

我的html。我想你会同意的，再简单不过了

<table border="0" cellpadding="0" cellspacing="0" width="550" height="550">
 <tr>
  <td colspan="2" bgcolor="#ffffff" width="550" height="104">
<img src="images/OC_01.gif" alt="" width="550" height="104"></td>
 </tr><tr>
  <td bgcolor="#ffffff" width="246" height="341">
<img src="images/OC_02.gif" alt="" width="246" height="341"></td>
  <td bgcolor="#ffffff" width="304" height="341">
<img src="images/OC_03.gif" alt="" width="304" height="341"></td>
 </tr><tr>
<td colspan="2" bgcolor="#014280" width="550" height="105" valign="top">
<a href="TBA"><img src="images/OC_04.gif" alt="" width="550" height="105"></a></td>
 </tr>
</table>

今天这里有没有人有足够的电子邮件html经验来为我指明正确的方向

编辑添加：我仔细分析了过去发给我的一些商业邮件，发现其中一些邮件在Gmail中也有这种奇怪的间距问题。我还注意到，每一行的设计方式都可以容纳行之间的任何额外间距，因此我假设这个问题的答案是确保设计的方式不会产生这些间隙。

向图像添加align=“top”似乎是一个潜在的修复方法：

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="2" bgcolor="#ffffff">
    <img src="images/OC_01.gif" alt="" width="550" height="104" align="top"/>
</td>
</tr>
<tr>
<td bgcolor="#ffffff" width="246">
    <img src="images/OC_02.gif" alt="" width="246" height="341" align="top" />
</td>
<td>
    <img src="images/OC_03.gif" alt="" width="304" height="341" align="top" />
</td>
</tr>
<tr>
<td colspan="2" bgcolor="#014280">
    <a href="addlater"><img src="images/OC_04.gif" alt="" width="550" height="105" align="top" /></a></td>
</tr>
</table>

---

向IMG元素添加以下属性：

style="display: block;"

我已经为你添加了它

默认的IMG显示是内联块，它会在显示后产生不需要的空间

我已经使用测试了它，现在TR元素之间的空格消失了。记住，要查看结果，您必须将HTML表格布局电子邮件发送到您的gMail帐户。

您必须在所有图像中包含style=“display:block”，以防止各种电子邮件客户端出现间隙问题

例如：

<img src="http://www.website.com/images/kitty.jpg" alt="Picture of Kitty" 
 width="1000" height="1000" 
 style="border:none; margin:0px; padding:0px; **display:block;**"/>

有一个tr未正确关闭。第一排，是打字错误吗？您也没有关闭表标记。我明白您所说的未关闭标记是什么意思。但是，当我将html粘贴到我的原始文件的上面的消息中时，这似乎是一个错误。在下一次打开TR之前，TR标记在下一行关闭，我确实有一个关闭标记。很抱歉，剪切和粘贴工作不好。我将用更好的表示法更新开场白。如果从表本身和列中去掉高度属性，会发生什么？让高度自动确定——根本没有，它仍然会断裂。试着关闭图像标签：小提琴到底完成了什么？令人沮丧的是，这在gmail中也不起作用。但是值得一试。嗨，我想这可能是它，但当你发送实际的电子邮件时，我仍然在Gmail中得到间隔问题。谢谢你的主意。你用什么浏览器？另外，屏幕截图也不错。为了让它正常工作，我还必须同时使用字体大小：0。它在浏览器中工作正常，在Gmail中就是一团糟。此外，我还尝试使用内联样式将字体大小设置为0，但仍然无法解决此问题。