将HTML电子邮件发送到Gmail时,更改表格中的单元格高度

时间:2014-09-22 07:59:01

标签: html css gmail html-email

我试图将Outlook 2013中的HTML电子邮件发送到Gmail,但我注意到我的行之间存在很大差距。无论我做什么,我都无法改变行的高度。我正在寻找一些建议来解决这个问题。这是我的代码:

  <html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <style type="text/css">
        table {
            border-collapse: collapse;
            mso-table-lspace: 0pt;
            mso-table-rspace: 0pt;
            border-spacing: 0;
        }
    </style>
</head>
<body>
    <table style="font-family: Arial; color: #646464; font-size: 8pt">
        <tr>
            <td style="font-weight: bold; font-size: 9pt; padding-bottom: 7px;">Test User</td>
        </tr>
        <tr>
            <td style="font-size: 1px; line-height: 0; border-top: solid 1px #646464;">&nbsp;</td>
        </tr>
    </table>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

尝试将border-collapseborder-spacing css内联到您的表格中。 GMail在解析之前剥离样式标记。

对于那第二个<td>,您应该设置height="1"<td> s的height属性是您设置行高的方式。这个解决方案适用于Outlook '13,但要注意你不要经常使用它。 SpamAssassin看到任何字体大小小于5px的垃圾内容。