如何消除电子邮件中表格行之间的分隔？

Posted 2023-03-24

【中文标题】如何消除电子邮件中表格行之间的分隔？

【英文标题】：How to remove the divide between table rows in e-mail shot?

【发布时间】：2013-05-09 18:42:01

【问题描述】：

我最近在 Photoshop 中模拟了一封电子邮件营销（邮件黑猩猩）电子邮件，并将其导出为 html（使用表格和内联样式（不幸的是），以便它在所有/大多数电子邮件客户端中正确显示。

但是，在给自己发送一封测试电子邮件以查看它在我的 Gmail 帐户中的显示方式后，我可以看到表格的每一行之间有一条白色的分界线，我在检查时似乎无法删除或找到它它在谷歌浏览器中。

谁能告诉我如何移除这些分隔线？ 我的完整 HTML 可以在 http://pastebin.com/gJWJGEak# 找到 可以在http://img521.imageshack.us/img521/346/screenshotvg.png找到电子邮件当前显示方式的屏幕截图

【参考方案1】：

我发现了你的问题。它与边框无关，而与单元格内的文本大小有关。

您的文本扩展过多，导致包含的单元格扩展。 如果您减小文本大小或段落的边距，您将达到预期的效果。

希望对你有帮助！ :)

【讨论】：

感谢gjsduarte的回复，但不幸的是，当我将字体缩小很多时，它似乎并没有解决问题。这些段落位于表格单元格内，并且有足够的空间，因此它们不会拉伸表格单元格。以前没遇到过，很奇怪！

【参考方案2】：

您的所有图片都需要明确为style="display:block;"。

请注意，背景图像在 Outlook 2007 和 2010 中不起作用。