【问题标题】: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找到电子邮件当前显示方式的屏幕截图

【问题讨论】:

    标签: html email html-email mailchimp


    【解决方案1】:

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

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

    希望对你有帮助! :)

    【讨论】:

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

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

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

    【讨论】:

      猜你喜欢
      • 2019-02-06
      • 2013-11-10
      • 2012-04-17
      • 1970-01-01
      • 2013-12-02
      • 2011-02-26
      • 2015-01-20
      • 2016-02-26
      • 2015-05-03
      相关资源
      最近更新 更多