Gmail 忽略空 <td> 单元格中的高度（HTML 电子邮件）答案

【问题标题】：Gmail ignoring height in empty <td> cell (HTML Email)Gmail 忽略空 <td> 单元格中的高度（HTML 电子邮件）
【发布时间】：2012-06-18 21:24:07
【问题描述】：

我刚刚开始使用新的 HTML 电子邮件软件（之前使用的是 Campaign Monitor，但现在不得不使用 CMS 中的插件）。为了美观，我们的模板在顶部使用了一些具有不同背景颜色的空单元格。使用 Campaign Monitor 时，这些在 Gmail 中显示良好，但在新软件 (eCampaign) 中，Gmail 完全忽略了单元格的高度，使它们全部为 1 个像素高。我尝试添加 height="x" 和 style="height: x;"但似乎都不起作用。如果可以的话，我想避免使用间隔 gif。在我放入
标签的电子邮件的下方，但这会使高度太大。我已经看到了一些将
包装在标签中的建议，但不确定这是否可行。有什么建议么？？需要尽快答复！

我的代码如下：

<table cellpadding="0" cellspacing="0" border="0" width="100%">
                <tr>
                    <td valign="top" height="6" colspan="2" bgcolor="#edede9" style="font-size:1px; line-height:6; height:6;"></td>
                </tr>
                <tr>
                    <td valign="top" height="6" colspan="2" bgcolor="#c4c3b6"><!-- --></td>
                </tr>
                <tr>
                    <td valign="top" height="1" colspan="2" bgcolor="#ffffff"><!-- --></td>
                </tr>
            </table>

【问题讨论】：

标签： html gmail html-email

【解决方案1】：

唯一的方法是在空单元格中使用 trans_dot.gif 或其他间隔图像。其他方式都做不到。

所以找到或制作一个 1px * 1px 的透明图片并插入。如果一个单元格没有文本或图像，它将在十分之九的电子邮件客户端中折叠

【讨论】：