如何消除编码HTML邮件中出现的“幽灵线”问题？

针对你遇到的15px字号在Windows 10 Office 365客户端出现幽灵线、其他客户端正常的问题，可尝试以下针对性修复方案：

方案1：设置精确的行高值 #

Office 365的Word渲染引擎对非整数基准字号的行高计算易出现像素误差，给15px字号指定整数行高或精确比例值，避免小数行高导致的渲染偏移：

<td style="font-size:15px; line-height:20px;">你的文本内容</td>

或使用比例行高：

<td style="font-size:15px; line-height:1.333;">你的文本内容</td>

方案2：添加透明边框抵消渲染偏差 #

给文本所在容器（如<td>或<div>）添加极细的透明边框，修正引擎计算时的像素截断问题：

<td style="font-size:15px; border-top:0.1px solid transparent; border-bottom:0.1px solid transparent;">你的文本内容</td>

若幽灵线仅出现在顶部或底部，可只添加对应方向的边框。

方案3：统一垂直对齐属性 #

确保所有表格单元格的垂直对齐设置一致，避免内容上下偏移触发幽灵线：

<td style="font-size:15px; vertical-align:middle;">你的文本内容</td>

方案4：强制字体渲染不缩放 #

添加微软专属的文本缩放属性，避免Windows端字体缩放导致的计算误差：

<td style="font-size:15px; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;">你的文本内容</td>

原理说明 #

Windows 10的Office 365采用Word渲染引擎处理HTML邮件，12px和16px是微软字体渲染的基准字号，非基准字号的行高计算会出现像素截断误差，进而产生幽灵线。以上方案通过调整行高、修正渲染偏移、统一对齐方式，抵消引擎的计算偏差，实现15px字号下无幽灵线的显示效果。

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