html - Outlook HTML 电子邮件中的元素符号列表样式

Question

我在 Outlook 电子邮件中遇到了一个非常独特的问题。按照所有建议，我已将我的 html 列表转换为表格，类似于以下代码:

<table border="0" cellspacing="0" cellpadding="0">
    <tbody>
        <tr style="font-size:13px;font-family:'Courier New',Courier,monospace;">
            <td valign="top" style="padding-right:3px;padding-left: 40px;">•</td>
            <td valign="top">Sample Text</td>
        </tr>
        <tr style="font-size:13px;font-family:'Courier New',Courier,monospace;">
            <td valign="top" style="padding-right:3px;padding-left: 40px;">•</td>
            <td valign="top">Sample Text #2</td>
        </tr>
    </tbody>
</table>

这在 Web 浏览器中显示正确，但在任何版本的 Outlook 中，都会在第一个元素符号之前添加一个额外的空间。经过一些分析，我发现 Outlook html 看起来像这样:

<table class=MsoNormalTable border=0 cellspacing=0 cellpadding=0 style='mso-cellspacing:0in;mso-yfti-tbllook:1184;mso-padding-alt:0in 0in 0in 0in'>
    <tr style='mso-yfti-irow:0;mso-yfti-firstrow:yes'>
        <td valign=top style='padding:0in 2.25pt 0in 30.0pt'>
            <p class=MsoNormal>
                <span style='mso-fareast-font-family:"Times New Roman"'>
                    <span style='mso-spacerun:yes'> </span>
                </span>
                <span style='font-size:10.0pt; font-family:"Courier New";mso-fareast-font-family:"Times New Roman"'>•<o:p></o:p></span>
            </p>
        </td>
        <td valign=top style='padding:0in 0in 0in 0in'>
            <p class=MsoNormal>
                <span style='font-size:10.0pt;font-family:"Courier New"; mso-fareast-font-family:"Times New Roman"'>Sample Text<o:p></o:p></span>
            </p>
        </td>
    </tr>
...

你会看到元素符号的左边有这个标签:

<span style='mso-spacerun:yes'> </span>

Outlook 好像是加了一个空格。有人知道为什么吗？无论如何我可以停止这个或忽略这个标签吗？

注意:这只会在某些情况下发生，而不是在所有情况下都会发生，而且总是只发生在第一个元素符号上。发生和不发生的情况没有区别。

如有任何帮助，我们将不胜感激!

Answer 1

我能想到的解决此问题的一种方法是根据它的属性选择跨度并将其设置为零大小。这样，只有当这个标 checkout 现时，它才会被设置样式

span[style|=mso-spacerun]
  {
    height: 0;
    width: 0;
  } 

让我知道这是否有效。