Html 电子邮件中的高度：带有图像的 td 旁边带有背景颜色的 td
height in Html email: td with image beside td with background-color
我为时事通讯构建了一个 html 文档，我将从 Outlook 2013 发送该文档。
这里是 Html fiddle
当我尝试从 outlook 发送它时，背景颜色 TD 跨越了顶行和底行的边界。
谁知道怎么解决这个问题？
问题截图如下：
首先，从 Outlook 发送电子邮件会破坏您的代码。 Outlook 将所有内容重写到 WordHTML。没有如果、和或但是，只要您将 html 插入新电子邮件，它就会发生。这还包括它将去除任何媒体查询，因此响应式设计消失了。我强烈建议使用另一个可以发送 HTML 电子邮件的电子邮件客户端（例如 Thunderbird）或 ESP（例如 Exact Target、Mail Chimp）来发送。
现在回到你问的问题。问题是您在 TD 上的填充。取下填充物，它适合。如果你想要左右填充，我只会使用 "padding-left" 和 "padding-right"。我建议在图像后面也有 bg 运行，这样如果 TD 的高度由于电子邮件客户端之间的渲染差异而增加，它看起来像是一个边框而不是一个错误。
我为时事通讯构建了一个 html 文档，我将从 Outlook 2013 发送该文档。
这里是 Html fiddle
当我尝试从 outlook 发送它时，背景颜色 TD 跨越了顶行和底行的边界。
谁知道怎么解决这个问题？
问题截图如下：
首先，从 Outlook 发送电子邮件会破坏您的代码。 Outlook 将所有内容重写到 WordHTML。没有如果、和或但是，只要您将 html 插入新电子邮件，它就会发生。这还包括它将去除任何媒体查询，因此响应式设计消失了。我强烈建议使用另一个可以发送 HTML 电子邮件的电子邮件客户端（例如 Thunderbird）或 ESP（例如 Exact Target、Mail Chimp）来发送。
现在回到你问的问题。问题是您在 TD 上的填充。取下填充物，它适合。如果你想要左右填充，我只会使用 "padding-left" 和 "padding-right"。我建议在图像后面也有 bg 运行，这样如果 TD 的高度由于电子邮件客户端之间的渲染差异而增加，它看起来像是一个边框而不是一个错误。