Outlook 在电子邮件中的表格中添加了不需要的空白

【问题标题】：Outlook adds unwanted gaps to tables in emailOutlook 在电子邮件中的表格中添加了不需要的空白
【发布时间】：2014-05-07 02:25:32
【问题描述】：

我开发了一种响应式电子邮件设计，但 Outlook 不断在我的一张表格后面添加一个空白。我已经尝试了一切。我添加了边框折叠：折叠；我有分开的桌子；为我的图像添加了块样式 - 没有任何效果。任何帮助将不胜感激。

html可以找到here. 问题here.的图片示例

【问题讨论】：

【解决方案1】：

而不是将float 属性赋予表。最好做2列，然后将每个表放在每一列中。

仅供参考Outlook.com 完全放弃保证金和浮动支持

【讨论】：

【解决方案2】：

我会朝着antwort 的方向前进，并使用媒体查询强制为全宽display: block; 的表格列（而不是彼此相邻的浮动表格）。

查看您修改后的 HTML here。不过，我还没有测试过。它可能需要更多的工作，电子邮件客户端是出了名的令人沮丧。

【讨论】：