html - GMail 强制包含 spacer.gif 的 TD 为 16px 高

Question

因此，为了赢得这场战斗，我刚刚失去了几个小时的生命，但没有运气。总之，我试图用三个 10px 的图像填充一个表格，但 GMail 强制每个单元格为 16px。这是我正在使用的:

<table border="0" cellpadding="0" cellspacing="0" width="550" style="height:10px !important">
    <tr style="height:10px" height="10">
    <td width="10" height="10" style="height:10px !important">
        <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tl.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td>
    <td width="531" height="10" style="height:10px !important; background-color:#FFFFFF;">
        <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/spacer.gif" style="display:inline; padding: 0px; margin:0px" width="10px" height="10px"></td>
    <td width="9" height="10" style="height:10px !important">
        <img src="http://s3.amazonaws.com/meagain/images/templates/letterhead/corner_tr.gif" style="display:inline; padding: 0px; margin:0px" width="9px" height="10px"></td>
    </tr>
</table>

我很抱歉有这么多冗余属性，因为我一直在尝试一切。基本上，我正在尝试使表格恰好高 10 像素。然而，无论如何，GMail 将其设置为 16px 高。如果我使用开发人员工具直接从源代码中删除所有三个图像，那么表格会折叠到 10px。另外，如果我删除了三张图片中的两张，它仍然是 16px。如果它包含图像，几乎就好像 TD 必须是 16px，或者图像周围有 3px 的填充。

有人遇到过这样的事情吗？如果是这样，有什么想法吗？我的想法和理智都用完了..

Answer 1

正如 Herbie 所说，确保在 TD 上设置行高。

还要确保您设置了字体大小，因为 gmail 可能会根据该单元格中的空格字符设置 TD 的最小高度。通常，在没有任何文本的单元格中将字体大小设置为 1px 是一种很好的做法。

看起来这是用于创建 html 电子邮件，对吗？看看这个是否有任何其他问题 - 它帮助了我很多次 http://www.emailology.org/#1和 http://www.campaignmonitor.com/resources/获取提示。