Question

这可能是最简单的修复方法，但我似乎无法找到解决方案。

采用以下HTML，当我从HTML创建OFT并将邮件发送到我的Gmail帐户时，无论哪里有图像，都有空格。

我已经广泛搜索了解决方案，但Gmail一直在删除内联样式，并且在HTML模板的标题中附加一个也会被忽略。

HTML，非常简单（出于安全原因省略图像，全部指向CDN）：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
    <title></title>
</head>
<body style="margin: 0px; padding: 0px;">

    <center>
        <table border="0" cellpadding="0" cellspacing="0" width="636" style="margin: 0; border-collapse: collapse;">
            <tr>
                <td colspan="3" valign="top"><img alt="" src="someimage1.gif" style="display: block;" /></td>
            </tr>
            <tr>
                <td colspan="3" valign="top"><img alt="" src="someimage2.gif" style="display: block !important;" /></td>
            </tr>
            <tr>
                <td width="18" valign="top" align="center" style="vertical-align: top;">&nbsp;</td>
                <td valign="top" bgcolor="#c4dae4" style="font-family: Arial; padding-top: 10px; padding-right: 20px; padding-left: 20px;">
                    <p><strong>Dear {name}</strong></p>
                </td>
                <td width="18" valign="top" style="vertical-align: top;">&nbsp;</td>
            </tr>
            <tr>
                <td width="18" valign="top">&nbsp;</td>
                <td valign="top" height="673" width="600"><img alt="" src="someimage3.gif" style="display: block !important;" /></td>
                <td width="18" valign="top">&nbsp;</td>
            </tr>
        </table>
    </center>

</body>
</html>

我已经尝试了所有可能的解决方案，如上所述，从display：block到line-height：50％;确保标签没有间距。

这里有什么我想念的吗？我显然不知道的东西？

Answer 1

它看起来不错，但GMail对于doctypes很奇怪。尝试这个，希望它能解决。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

HTML邮件程序表现不佳

1 个答案: