为什么我的 HTML 电子邮件签名上会出现这条白线？ [复制]

Question

我正在设计的电子邮件签名存在问题。我只使用了 HTML 代码，因为我的签名中有几个链接。问题是，在放置logo的部分，底部出现了一条白线（我把它标记为黄色，所以你可以看到它，但它实际上是白色的）。实际上，我不知道那是一条白线还是只是电子邮件界面的背景。

出于隐私考虑，我已经删除了我的个人信息：

当我从 Illustrator 将徽标导出为 JPG 文件时，我将其上传到 imgur.com 以将其包含在我的 HTML 代码中。我确定那条白线不在我的 jpg 文件中，所以它应该是在我将其上传到 imgur 时创建的，或者可能是代码问题。

<table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;">
    <tr>
        <td valign="top" style="padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 0px; border-top: 0; border-bottom: 0: border-left: 0; "><img id="preview-image-url" src="https://i.imgur.com/3yGlrjw.png"></td>

        <td style="padding-top: 0; padding-bottom: 0; padding-left:0px; padding-right: 0;  background-color:  #f9f9f9">
            
        <table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding-top: 10px !important; padding-left: 50px; padding-right: 60px; padding-bottom: 10px !important">

            <tr><td colspan="2" style="padding-bottom: 1px; color: #ce173a; font-size: 15px; font-family: Arial, Helvetica, sans-serif; font-weight: bold;">Abcdef Ghijk Lmnop</td></tr>
            <tr><td colspan="2" style="padding-bottom: 10px; color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif;">Graphic Designer & Art Director</td></tr>

            <tr><td width="20" valign="top" style=" padding-top: 9px; vertical-align: top; width: 20px; color: #000000; font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000;">T.</td><td valign="top" style=" padding-top: 9px; vertical-align: top; color: #333333; font-size: 8px; font-family: Arial, Helvetica, sans-serif;"><a  style=" color: #333333; text-decoration: none; font-weight: normal; font-size: 8px;">+34 636 63 63 63</a>&nbsp;&nbsp;<span style="color: #000000; font-weight: bold; padding-right: 30px; padding-left: 42px; color: #000;"></td></tr>

            <tr><td width="20" valign="top" style=" padding-top: 9px; vertical-align: top; width: 20px; color: #000000; font-size: 8px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #000;">E.</td><td valign="top" style=" padding-top: 9px; vertical-align: top; color: #333333; font-size: 8px; font-family: Arial, Helvetica, sans-serif;"><a href="mailto:my.email@gmail.com" style=" color: #333333; text-decoration: none; font-weight: normal; font-size: 8px;">my.email@gmail.com</a>&nbsp;&nbsp;<span style="color: #000000; font-weight: bold; padding-right: 30px; padding-left: 42px; color: #000;"></td></tr>


            <tr><td width="20" valign="top" style="padding-top: 9px; vertical-align: top; width: 20px; color: #000000; font-size: 8px; font-family: Arial, Helvetica, sans-serif; padding-right:30px; font-weight: bold; color: #000">W.</td><td style="color: #333333; padding-top: 9px; font-size: 8px; font-family: Arial, Helvetica, sans-serif;"><a href="https://behance.net/Mybehance" style="text-decoration: none; color: #333333;">behance.net/MyBehance</a></td></tr>
                
        </table>

        </td>
    </tr>
</table>

你能帮我把那行删掉，这样logo的高度就和文字所在的右边部分的背景一样了吗？

非常感谢！

Answer 1

要查看是否是背景颜色充当白条，暂时更改背景颜色，看看它是否改变了白条的颜色。如果是这样，则意味着它不是白条，而是背景，并且需要调整图像的高度。但是，如果白条仍然存在，请尝试将 img 的边距和内边距设置为 0。

img {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}