【问题标题】:Gaps in HTML emails in Outlook 2013Outlook 2013 中 HTML 电子邮件的空白
【发布时间】:2015-02-09 00:12:00
【问题描述】:

我遇到了一个问题,即我无法修复的 html 电子邮件中的 Outlook/Windows 中出现的空白。这是我知道的一个常见问题,可能与 col spans 有关(根据其他帖子判断)。我已经尝试了很多与行高有关的事情(尽管这里的高度似乎不是问题)并添加了特定于 ms 的样式但无济于事。

您可以在此处查看代码: http://www.theindustryclub.co.uk/xmas/ticChristmasTemplate_card.html

并在此处查看问题 http://www.theindustryclub.co.uk/xmas/images/industryClubMailing.jpg

在所有其他客户端和基于 Web 的邮件应用程序中看起来都很紧张——只是讨厌的 Outlook 2013 拖累了我,让我难过。如有任何建议/帮助,我将不胜感激。

马丁

【问题讨论】:

  • Thx DCC - 我知道这与该死的 colspans 有关 - 我已经将它们删除并替换为嵌套表,我们已经启动并运行

标签: html-email gaps-in-visuals


【解决方案1】:
  1. 确保所有图片都采用内联样式display:block;
  2. 不要使用 colspan 或 rowspan.. 改用嵌套表。
  3. 在头部设置table, table td { border-collapse:collapse }
  4. 检查您的单元格填充值以查看它们是否将内容推出。

Here's a template you may find useful.

【讨论】: