Outlook为电子邮件中的表添加了不必要的差距

时间:2014-03-27 20:57:57

标签: css responsive-design outlook html-table html-email

我开发了一个响应式电子邮件设计,但Outlook在我的一个表之后不断增加差距。我尝试了一切。我添加了边界崩溃:崩溃;我分桌了;为我的图像添加了块样式 - 没有任何工作。任何帮助将不胜感激。

可以找到html here. 问题here.

的图片示例

2 个答案:

答案 0 :(得分:0)

而不是将float属性赋予表。最好是制作2列,然后将每个表放在每列中。

仅为您的信息Outlook.com完全降低保证金和浮动支持

答案 1 :(得分:0)

我会转向antwort的方向,并使用表格列强制使用媒体查询的全宽display: block;(而不是彼此相邻的浮动表)。

查看修改后的HTML here。不过,我还没有测试过。它可能需要更多的工作,电子邮件客户端是众所周知的令人沮丧。

相关问题