css 如何删除“幽灵”行出现在编码html电子邮件?

baubqpgj  于 2022-11-26  发布在  其他
关注(0)|答案(1)|浏览(110)

样本代码:

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
    <head>
        <title></title>
    </head>
    <body style="font-family: Arial; margin: 0; padding: 0;">
      <table align="center" width="600" cellpadding="0" cellspacing="0" border="0" style="width: 600px; background-color: #000000; font-family: Arial; font-size: 15px;color: #ff0000;">
          <tr>
              <td style="padding:10px;font-weight: bold;font-size: 20px; color: #ff0000;">Header Title</td>
          </tr>
          <tr>
              <td style="padding:10px;">Here is the content for this section.</td>
          </tr>
          <tr>
              <td style="padding:10px">
                  <a href="#" target="_blank"><img src="LearnMore.png" width="170" height="38" border="0" alt="Learn More" /></a>
              </td>
          </tr>
      </table>
    </body>
</html>

Windows 10

中Office 365的输出
所有其他客户似乎都很好。
已尝试从here修复
看起来像是12px或16px的字体大小不会显示行,但要求使用15px
预期结果

n6lpvg4x

n6lpvg4x1#

这个问题通常是由于Outlook引擎(MS Word)中的奇数舍入错误造成的。在你的例子中,你已经发现了一个偶数字号的作品。既然这是核心错误,而不是你代码中的bug,你必须权衡一下这行的难看程度是否比改变字号更糟糕。
如果这是不可接受的,您可以将行高设置为16px,如下所示:font-size:15px; line-height:16px; .
如果所有其他方法都失败,您可以仅为Outlook桌面设置不同的字体大小:font-size:15px; mso-ansi-font-size: 16px;

相关问题