问题出在生成摘要邮件该部分的标记上。这是 Outlook 2019(Windows 10)的截图:
我在测试过的所有桌面版 Outlook 中都发现了这个问题(Outlook 2010 至 Outlook 2019)。Litmus 上可用的测试均在 Windows 10 上运行。这些版本的 Outlook 的共同点是,它们都使用 Microsoft Word 来渲染邮件。
Microsoft Word 无法处理 Discourse 标记中的 CSS float 规则。这正是导致“点赞”和“回复”计数显示在图标下方而不是浮于其侧的原因。垂直对齐问题是由渲染引擎在尝试应用邮件 CSS 时向标记中添加的一些 p 元素造成的。Outlook 会向 p 元素添加内边距,以尝试复制邮件的 CSS 效果。
我曾花了一些时间尝试寻找解决此问题的 CSS 方案,但认为这似乎不可行。要修复该问题,我们必须更改邮件该部分的标记,改用表格而非 CSS。
