0

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

带有电子邮件模板的页面：http ://www.bemidjimillworks.com/email_templates/Default-Template.html

我指的 td 是这个：

<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>
4

2 回答 2

3

只需添加 css 属性vertical-align: top; 到顶部图像

<img src="http://www.bemidjimillworks.com/images/newsletter/01_header.jpg" style="vertical-align: top;">
于 2013-09-20T21:39:03.493 回答
2

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

vertical-align所建议的CSS在主要电子邮件客户端 (Outlook)中不完全支持，并且会给您带来不一致的结果。

应用于您的示例：

<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>
于 2013-09-23T13:20:48.910 回答