在Outlook中呈现电子邮件签名时，如何删除HTML表格单元格顶部的白线？

我已经设计了一个电子邮件签名，使用PNG图像切片完美地结合在一起，没有任何边距，我正在使用HTML表来组装它。它在Gmail中看起来很棒，在webmail中可以正确呈现：

但是，Outlook在每个单元格的顶部添加了一些奇怪的填充，使PNG重叠，并在签名上留下相当厚的（~15px）白线：

我为代码引入了大量额外的属性来解决它，包括为

img

和

td

标记定义

width

和

height

（一些相对值和一些绝对值），在各个方向将

margin

和

padding

设置为

0

，将

单元格填充设置为
0
，将
行高设置为
0
，使用
边框折叠
，并使用内联CSS添加
mso table tspace
和
mso table top
0
值，这些都无效。我在网上搜寻过类似的问题，但所有解决这些问题的方法对我来说都失败了

奇怪的是，当我将Chrome的签名直接粘贴到Outlook compose窗口时，也会出现同样的问题，但线条没有那么粗：


这是我的密码：

<style>
    table, td {
        mso-table-tspace: 0pt !important;
        mso-table-top: 0pt !important;
    }
</style>
<table border="0" cellpadding="0" cellspacing="0" border="0" width="365" height="205" style="background: none; margin: 0 0 0 0; padding: 0 0 0 0; width:365px; height:205px; border-collapse: collapse;">
    <tr>
        <td width="365" height="105" style="line-height:0; width:365px; height:105px; margin: 0 0 0 0; padding: 0 0 0 0; border-collapse: collapse;">
        <a href="https://www.caveen.com/"><img border="0" style="display: inline" src="https://www.caveen.com/s/Email-signature_01.png" style="margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; max-width: 365px; height: 100%; max-height: 105px;" width="365" height="105" alt="Samuel M. Caveen | Digital Communications Specialist | Strategy, Copy and Design"/></a>&nbsp;</td>
      <br>
      <tr>
          <td width="365" height="20" style="line-height:0; width:365px; height:20px; margin: 0 0 0 0; padding: 0 0 0 0;">
          <img style="display: inline;line-height: 50%" src="https://www.caveen.com/s/Email-signature_02.png" style="width: 100%; max-width: 365px; height: 100%; max-height: 20px;" width="365" height="20"></td>
          </tr>
      <br>
      <tr>
          <td width="365" height="26" style="line-height:0; width:365px; height:26px; margin: 0 0 0 0; padding: 0 0 0 0;"><img src="https://www.caveen.com/s/Email-signature_03.png" style="width: 100%; max-width: 17px; height: 100%; max-height: 26px;" width="17" height="26"><a href="https://www.caveen.com/"><img src="https://www.caveen.com/s/Email-signature_04.png" style="width: 100%; max-width: 111px; height: 100%; max-height: 26px;" width="111" height="26"></a><img src="https://www.caveen.com/s/Email-signature_05.png" style="width: 100%; max-width: 237px; height: 100%; max-height: 26px;" width="237" height="26"></td>
     </tr>
            <br>
            <td width="365" height="9" style="line-height:0; width:365px; height:9px; margin: 0 0 0 0; padding: 0 0 0 0;"><img src="https://www.caveen.com/s/Email-signature_06.png" style="width: 100%; max-width: 365px; height: 100%; max-height: 9px;" width="365" height="9"></td>
          </tr>
      <br>
      <tr>
          <td width="365" height="26" style="line-height:0; width:365px; height:26px; margin: 0 0 0 0; padding: 0 0 0 0;"><img src="https://www.caveen.com/s/Email-signature_07.png" style="width: 100%; max-width: 17px; height: 100%; max-height: 26px;" width="17" height="26"><a href="tel:+447980066496"><img src="https://www.caveen.com/s/Email-signature_08.png" style="width: 100%; max-width: 163px; height: 100%; max-height: 26px;" width="163" height="26"></a><img src="https://www.caveen.com/s/Email-signature_09.png" style="width: 100%; max-width: 19px; height: 100%; max-height: 26px;" width="19" height="26"><a href="https://www.facebook.com/caveen"><img src="https://www.caveen.com/s/Email-signature_10.png" style="width: 100%; max-width: 23px; height: 100%; max-height: 26px;" width="23" height="26"></a><img src="https://www.caveen.com/s/Email-signature_11.png" style="width: 100%; max-width: 9px; height: 100%; max-height: 26px;" width="9" height="26"><a href="https://www.twitter.com/SamCaveen"><img src="https://www.caveen.com/s/Email-signature_12.png" style="width: 100%; max-width: 23px; height: 100%; max-height: 26px;" width="23" height="26"></a><img src="https://www.caveen.com/s/Email-signature_13.png" style="width: 100%; max-width: 8px; height: 100%; max-height: 26px;" width="8" height="26"><a href="https://www.linkedin.com/in/caveen"><img src="https://www.caveen.com/s/Email-signature_14.png" style="width: 100%; max-width: 24px; height: 100%; max-height: 26px;" width="24" height="26"></a><img src="https://www.caveen.com/s/Email-signature_15.png" style="width: 100%; max-width: 8px; height: 100%; max-height: 26px;" width="8" height="26"><a href="https://www.youtube.com/channel/UCrhGVjr4HA6mlinwoMFAk_g"><img src="https://www.caveen.com/s/Email-signature_16.png" style="width: 100%; max-width: 24px; height: 100%; max-height: 26px;" width="24" height="26"></a><img src="https://www.caveen.com/s/Email-signature_17.png" style="width: 100%; max-width: 8px; height: 100%; max-height: 26px;" width="8" height="26"><a href="https://www.instagram.com/samcaveen"><img src="https://www.caveen.com/s/Email-signature_18.png" style="width: 100%; max-width: 23px; height: 100%; max-height: 26px;" width="23" height="26"></a><img src="https://www.caveen.com/s/Email-signature_19.png" style="width: 100%; max-width: 16px; height: 100%; max-height: 26px;" width="16" height="26">
</tr>
                          <br>
            <td width="365" height="19" style="line-height:0; width:365px; height:19px; margin: 0 0 0 0; padding: 0 0 0 0;"><img src="https://www.caveen.com/s/Email-signature_20.png" style="width: 100%; max-width: 365px; height: 100%; max-height: 19px;" width="365" height="19">
          </tr>
</table>


表，td{
mso表空间：0pt！重要；
mso桌面：0pt！重要；
}











我不是开发人员，但我对HTML/CSS有相当扎实的掌握，所以我认为这里没有任何业余错误。我刚刚检查了一下，以便为Outlook修复它，但没有成功。
我发现了一些错误：

开始/结束标记-发现有相当多的开始或结束标记丢失。大部分是表行
表行之间的换行标记（）-这不是有效的HTML。您应该在表格单元格上使用填充来添加任何间距。虽然实际上似乎不需要间距，但换行符是多余的
display:inline的使用-应该使用display:block；在独立图像和并排放置的任何图像上，应使用display:inline块
图像上的高度-从图像中删除高度。这可能不是确切的原因，我不能重复检查，因为我在做最大的改变之前做了这个改变。但总的来说，除非高度用于间距和大小调整，否则真的没有任何必要
线高度-不要使用零线高度。这就是造成随机间隔的原因。如果要使用线条高度，请将预期的图像高度与高度一起用作线条高度
图像边框-添加border=“0”作为属性或边框：无；在所有图像的样式标记中
使用嵌套表-并排放置图元时，始终建议使用嵌套表。例如，我认为有13个图像并排的行，您可以将它们包装在另一个表中，并将每个图像分离到表单元格中。这允许表为您手动保存元素并停止图像包装，这是我在120 DPI Outlook测试和Outlook以外的电子邮件客户端（尤其是在移动设备上）中看到的问题
看看我的修正，你就会明白我的观点。我建议将所有并排的图像分割成表格单元格，您应该会在测试中看到巨大的改进。

*我必须添加头部和身体标签才能在石蕊中测试这一点。因此，请按照您的正常流程随意移除



表，td{
mso表空间：0pt！重要；
mso桌面：0pt！重要；
}
尝试显示块而不是显示内联。显示块被许多人和电子邮件开发者推荐。同时移除td上的宽度和高度。高度和宽度将取决于子元素