【问题标题】:Outlook 2007/2010 & GMail Paragraph Spacing Issues in Newsletters时事通讯中的 Outlook 2007/2010 和 GMail 段落间距问题
【发布时间】:2023-03-04 02:01:02
【问题描述】:

我在 Outlook 2007/2010/2013 和 GMail 中得到了双倍行距,但在其他地方看起来还不错。我正在创建一个时事通讯,我尝试了各种方法:边框折叠、边距、填充、跨度,但仍然无法理解这一点。谁能看到我哪里出错了?我错过了什么吗?

下面的链接 - 源代码太长,无法在此处粘贴。对不起。

http://pastebin.com/FW3RgYuv

【问题讨论】:

    标签: css html-email outlook-2010 outlook-2007


    【解决方案1】:

    首先,所有样式都必须是内联的。大多数邮件客户端不支持样式表。

    您不是在构建网页,而是在构建电子邮件,因此您的 HEAD 部分中的所有内容都将被删除,包括您的嵌入式样式表。

    在你的代码中你有</br>。这不是一个有效的标签。使用<br />

    永远不要使用!important。内联样式已经覆盖了其他样式,而且您可能会陷入死胡同。

    将文本放在 DIV 或 P 中并设置样式,而不是 TD。并非每个邮件客户端都支持所有样式。 Here's a good list to compare to.

    【讨论】:

    • HTML 中提到的任何

      都已正确替换为 P 标签。
    • 好吧,我已经使用了

      标签并正确使用了上述的
      标签 - 现在只是要测试电子邮件。

    • 我建议不要在电子邮件中使用

      。电子邮件客户端的样式不固定。我在

      上的样式没有问题(除了有限的邮件客户端支持)。
    • @samanthasquared 我一直将 标签专门用于文本样式 - 您能否详细说明哪些客户端支持/不支持 样式?例如,如果只是 Lotus“谁在乎”Notes,则可能值得切换...
    • 我将所有样式都内联在 上。我不使用

      。我不使用 因为它在

      上工作得很好,但代码更少,因为表格必须在那里。我见过

      随机添加填充/边距/调整大小文本,几乎所有语义标签都相同。如果您不必关心 Lotus Notes,您是幸运的,但我发现如果它在 Outlook '07 和 '10 中有效,那么它在 Notes 中也很不错。

    猜你喜欢
    相关资源
    最近更新 更多
    热门标签