Outlook 2013 中 HTML 电子邮件中的差距

Question

我遇到了一个问题，即 html 电子邮件中 Outlook/窗口中出现间隙，我无法修复。我知道这是一个常见问题，可能与 col 跨度有关（从其他帖子来看）。我已经尝试了许多与行高有关的事情（尽管高度似乎不是这里的问题）并添加特定于 ms 的样式，但无济于事。

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

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

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

马丁

Answer 1

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

这是一个您可能会发现有用的模板。