html - Hotmail 内容后的空格

Question

我正在设计一个 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;
} 

Answer 1

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

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

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

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