Html电子邮件中的高度：td，带有背景颜色的td旁边的图像

Question

我构建了一个html文档，用于通讯，我将从Outlook 2013发送。 这是Html fiddle

当我尝试从前景中发送它时，背景颜色TD越过顶部和底部行的边界。

有谁知道如何解决这个问题？

这是问题的prtscreen：

Answer 1

首先要做的事情 - 从Outlook发送电子邮件会破坏您的代码。 Outlook将所有内容重写为WordHTML。没有if，ands或buts，只要你将html插入新邮件就会发生。这还包括它将删除任何媒体查询，因此响应式设计已经消失。我强烈建议使用另一个可以发送HTML电子邮件的电子邮件客户端（例如Thunderbird）或ESP（例如Exact Target，Mail Chimp）将其发送出去。

现在回到你问的问题。问题是您在TD上的填充。取下衬垫，它适合。如果你想要左右填充，我会使用＆＃34; padding-left＆＃34;和＆＃34; padding-right＆＃34;只要。我建议让bg在图像后面运行，所以如果由于电子邮件客户端的渲染差异而导致TD的高度增加，它会使它看起来像是边框而不是错误。