html - Outlook 中的文本添加了额外的间距/填充或行高问题

Question

我正在尝试删除 Outlook 似乎添加到我的文本中的一些额外填充。

这是我到目前为止所拥有的：

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>
<td class="text-center" style="color:#ffffff; font-family:'Open Sans',Arial,sans-serif; font-weight:700; letter-spacing: -6px; font-size:80px; line-height: 50px; text-align:center; "><span class="pink">HELLO</span></td>
</tr>

<tr>
<td class="text-center" style="color:#ffffff; font-family:'Open Sans',Arial,sans-serif; font-weight:700; letter-spacing: -3px; font-size:64px; line-height: 70px; text-align:center;">WORLD</td>
</tr>

<tr>
<td class="text-center" style="color:#ffffff; font-family:'Open Sans',Arial,sans-serif;font-weight:600;  letter-spacing: -0.4px; font-size:12px; line-height: 10px; text-align:center;">THIS IS A TEST</td>
</tr>

</table>

这在我的浏览器中正确呈现：

但正如您在此处看到的，Outlook 似乎在文本上方和下方添加了额外的填充/间距。完全删除 line-height 似乎也无法清除这一点（尽管这确实会在我的浏览器中产生问题）

有什么想法我哪里出错了吗？

提前致谢。

标签： htmloutlookspacing