Outlook 2010 显示表格单元格之间的间距不一致答案

【问题标题】：Outlook 2010 displaying inconsistent spacing between table cellsOutlook 2010 显示表格单元格之间的间距不一致
【发布时间】：2017-06-10 18:42:41
【问题描述】：

我正在设计 HTML 时事通讯，但遇到了这个问题：

如您所见，单元格间距完全不正常：左右列的行之间不应该（也不能）有空格。我真的不知道罪魁祸首是什么，任何想法都将不胜感激！

以下是相关源代码：

<table width="740" cellpadding="0" cellspacing="0" border="1">
<tr>
    <td colspan="3">
        <img src="top.jpg" width="740" height="53">
    </td>
</tr>
<tr>
    <td colspan="3" height="200" valign="top" id="headerCell">
        <img src="header.jpg" width="740" height="200" alt="Headerbild">
    </td>
</tr>
<tr>
    <td>
        L
    </td>
    <td valign="top" width="600" bgcolor="#ffffff">
        CONTENT
    </td>
    <td>
        R
    </td>
</tr>

【问题讨论】：

这里很难说什么是歪斜的。是不是左右两列没有伸到顶部，是这个问题吗？
我试图澄清这个问题：左右列的行之间不应该有空格。
我们在屏幕截图中看到了什么，top.jpg 或只是 header.jpg？
您看到的是第 2 行和第 3 行，因此 header.jpg 在最后一行的三列上。

标签： html outlook html-table html-email

【解决方案1】：

HTML 对我来说看起来不错。您是否尝试过消除不必要的空格？这可能是一个可能的原因（另外，请记住伟大的 IE6，它有空格问题）。

电子邮件客户端中的 HTML 呈现引擎只是可怕。前段时间我不得不设计一些时事通讯，而且很费时间。这是nice collection of tips，也许会有所帮助。

【讨论】：

【解决方案2】：

我终于找到了造成这种间距的原因：在中心单元格上设置padding-top 导致左右单元格顶部边缘与中心单元格的内容顶部保持齐平。

【讨论】：