Outlook渲染HTML邮件两端对齐引发词间距异常的技术求助

Outlook依赖Word的渲染引擎，会自动对文本执行两端对齐处理，在表格排版场景下极易出现单词间多余空格的问题。以下是针对性修复方案：

1. 添加Outlook专属条件样式 #

在HTML头部插入仅Outlook识别的样式块，禁用自动空格处理：

<!--[if mso]>
<style type="text/css">
p, td {
    mso-text-autospace: none;
}
</style>
<![endif]-->

mso-text-autospace: none是Outlook专属属性，可直接阻止其为实现两端对齐而添加额外空格。

2. 优化内联样式增强兼容性 #

在你的段落或表格单元格中补充内联样式，确保修复生效：

<tr>
    <td valign="top" style="padding: 0 30px; mso-text-autospace: none; text-align: left;">
        <p style="color: #2f3942; font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:16px; font-weight:300; margin: 0; text-align: left; line-height: 1.35em; mso-line-height-rule: exactly; mso-text-autospace: none;">
            random text here
        </p>
    </td>
</tr>

• mso-line-height-rule: exactly：强制Outlook使用精确行高计算，避免行高异常引发的排版问题
• 重复添加mso-text-autospace: none到内联样式，防止条件注释失效时出现遗漏

3. 规避潜在触发因素 #

• 文本中避免连续空格或不必要的换行，Outlook会自动将其转换为额外间距
• 优先使用内联样式而非外部样式表，Outlook对外部CSS的支持存在局限性

此前尝试的 属于临时 workaround，替换旧TD内容无效是因为旧内容同样未包含针对Outlook的专属样式修复。

内容的提问来源于stack exchange，提问作者TeamCopart