所以,我刚刚失去了几个小时,我的生活的努力赢得这场战斗,没有运气。总而言之,我试图用三个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。另外,如果我删除了三张图片中的2张,它仍然保持16px。如果TD包含图像,或者该图像周围有3px的填充,几乎就像TD必须为16px。

有没有人经历过这样的事情?如果是这样,有什么想法吗?我的想法和理智都快用光了。

最佳答案

就像Herbie所说的那样,请确保在TD上设置行高。

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

看起来这是用于html电子邮件创建的,对吗?看看其他任何问题-它帮了我很多次http://www.emailology.org/#1http://www.campaignmonitor.com/resources/提示。

关于html - GMail强制将包含spacer.gif的TD设置为16px高,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9246390/

10-11 12:29