html - Gmail 在电子邮件签名中的空 td 中添加了高度

标签 html css email outlook gmail

我的客户电子邮件签名中有一个空的 td 有问题。它在 Outlook 中看起来不错,但是当我将带有签名的电子邮件从 Outlook 发送到 Gmail 时,我的 td 会增加高度。在 Gmail 的浏览器版本中,这没什么大不了的,但在 Gmail 应用程序中,增加的高度就太多了。请参阅我包含的图片。

Gmail app

Gmail browser

我的代码:

<td bgcolor="#B5987F" style="height:3; width:100%; font-size:0; line-height:3px; mso-line-heightrule:exactly; border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff;">&nbsp;</td>

为额外的间距添加了白色边框。当我删除它们时,它没有任何区别。当我删除 Outlook 忽略指定的高度并增加高度时,但是当我将带有签名的电子邮件发送到 Gmail 时,高度看起来就像它应该的那样。

我还尝试了行高(同样当将高度和行高都降低到 1(px) 时,添加的高度会变得更糟)和字体大小,我将高度和宽度作为属性内联 css、td 内的 div 等。我真的被困住了,因为似乎没有任何效果。

我在这里做错了什么?

最佳答案

删除 并尝试

<td bgcolor="#B5987F" style="height:3; width:100%; font-size:0; line-height:3px; mso-line-heightrule:exactly; border-top: 3px solid #ffffff;border-bottom: 3px solid #ffffff;"></td>

关于html - Gmail 在电子邮件签名中的空 td 中添加了高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42597522/

相关文章:

javascript - 所有页面的背景颜色相同

Laravel 5.4 邮件 Markdown 2 按钮内联

php - 如何发送带有 PHP 表单附件的电子邮件?

html - 如何仅在手机上放大页脚?

html - 如果未指定高度,如何将 div 保持在另一个 div 之下?

javascript - 内存游戏星级评分错误(未捕获类型错误 : Cannot read property 'remove' of undefined)

html - Outlook 在 Logo 图像下方添加一个空格

html - CSS Top 属性不变

html - 如何仅倾斜/倾斜 div 的底部

css - 不同版本IE的问题