Question

我正在为客户创建简报。我在第一个内表上最顶层的td单元格上有填充问题。我不知道为什么它会在td的底部创建这个额外的填充。我已经尝试了内联css高度，将所有填充和边距归零，我仍然没有运气摆脱两个内部表之间的空白区域。我将不胜感激任何帮助。我可能会忽略一些简单的事情，但我已经没有想法了。

页面，其中包含电子邮件模板：http://www.bemidjimillworks.com/email_templates/Default-Template.html

我指的是这个：

<td style="width:600px;padding:0;margin:0;">
     <a href="http://www.bemidjimillworks.com">
         <img src="http://www.bemidjimillworks.com/images/newsletter/01_header.jpg" />
     </a>
</td>

Answer 1

只需将css属性 vertical-align：top; 添加到顶部图片

<img src="http://www.bemidjimillworks.com/images/newsletter/01_header.jpg" style="vertical-align: top;">

Answer 2

在html电子邮件中最广泛支持的垂直对齐方式是使用html元素valign="top"。这被认为是html电子邮件设计的最佳实践。

建议的CSS vertical-align，主要电子邮件客户端（Outlook）中的is not fully supported，会给您带来不一致的结果。

应用于您的示例：

<td valign="top" style="width:600px;padding:0;margin:0;">
     <a href="http://www.bemidjimillworks.com">
         <img src="http://www.bemidjimillworks.com/images/newsletter/01_header.jpg" />
     </a>
</td>

不需要的表格单元格填充

2 个答案: