Hotmail 中 <td></td> 内容后的空格答案

【问题标题】：Spaces after <td></td> content in HotmailHotmail 中 <td></td> 内容后的空格
【发布时间】：2013-01-08 12:51:15
【问题描述】：

我正在设计一个 e-blast，在 Hotmail 中对其进行测试时，它在 <td></td> 标记之间的内容底部添加了额外的空间。

在所有其他客户端中看起来都很好。

我已添加display: block; margin:0

我也尝试在样式标签之间的电子邮件头部添加以下内容，但我认为 Cheetahmail 只是忽略了 CSS。

.ExternalClass, .ExternalClass p, .ExternalClass span, 
.ExternalClass font, .ExternalClass td, 
.ExternalClass div 
{
   line-height: 100%;
} 
table td 
{
    border-collapse: collapse;
}

【问题讨论】：

去掉line-height: 100%;有什么效果吗？
没有。 Hotmail 将行高转换为 131%，因此出现了问题。我尝试了这个解决方案：emailonacid.com/forum/viewthread/43，但它似乎不起作用。
显然它不喜欢
标签以及我们用来将其分成几个部分的以下代码：
关于如何解决此问题的任何想法？

标签： html html-email space html-table hotmail

【解决方案1】：

使用<font> 标签来设置您的文本样式。我相信<span> 也可以正常工作。我发现双 <br> 比 <p> 标签的间距更一致。

将border="0" cellpadding="0" cellspacing="0" 添加到您的<table> 标记中。你不需要border:collapse;

将所有图像设置为display:block;，除非您浮动它们，这在大多数情况下可能不是最佳做法。不需要为表格设置display:block;。

此外，Gmail 会忽略任何非内联 CSS，因此要么将其内联，要么使用内联工具，例如 Premailer。

【讨论】：