outlook - Outlook 一个单元格中的两个表格的对齐问题

Question

我遇到了一个电子邮件模板的问题，该模板有两个表格在一个单元格中左对齐以使其具有响应性，但将其变为响应式并不是这里的问题。

当我在 Outlook 2010 中打开时，右栏下降到底部并挂在右栏中。我注意到它只发生在左栏内容很长的情况下。

这是 HTML 代码： 左长栏： http: //jsbin.com/aRUGOXu/1/edit ?html，输出 左 短栏： http: //jsbin.com/iGaFabo/1/edit ?html，输出

我阅读了关于 Acid 的电子邮件中的一篇文章并应用了它，但仍然没有运气。http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010并应用了它，但我遇到了同样的问题。

这是我做的例子：http: //jsbin.com/eTAdOMe/1/edit ?html,output

Answer 1

这称为 Outlook 分页符问题。精彩的 MS 文字渲染怪癖之一。您需要缩短长列以避免此问题。这里有一些参考：

http://www.emailonacid.com/blog/details/C13/horizo​​ntal_spacing_issues_in_outlook_2007_and_2010

Mailchimp 也很好地解释了原因（尽管这是在他们的上下文中）

本文建议使用<tr style="page-break-before: always">，尽管我自己从未尝试过这种技术。