【发布时间】:2023-03-04 02:01:02
【问题描述】:
我在 Outlook 2007/2010/2013 和 GMail 中得到了双倍行距,但在其他地方看起来还不错。我正在创建一个时事通讯,我尝试了各种方法:边框折叠、边距、填充、跨度,但仍然无法理解这一点。谁能看到我哪里出错了?我错过了什么吗?
下面的链接 - 源代码太长,无法在此处粘贴。对不起。
【问题讨论】:
标签: css html-email outlook-2010 outlook-2007
我在 Outlook 2007/2010/2013 和 GMail 中得到了双倍行距,但在其他地方看起来还不错。我正在创建一个时事通讯,我尝试了各种方法:边框折叠、边距、填充、跨度,但仍然无法理解这一点。谁能看到我哪里出错了?我错过了什么吗?
下面的链接 - 源代码太长,无法在此处粘贴。对不起。
【问题讨论】:
标签: css html-email outlook-2010 outlook-2007
首先,所有样式都必须是内联的。大多数邮件客户端不支持样式表。
您不是在构建网页,而是在构建电子邮件,因此您的 HEAD 部分中的所有内容都将被删除,包括您的嵌入式样式表。
在你的代码中你有</br>。这不是一个有效的标签。使用<br />。
永远不要使用!important。内联样式已经覆盖了其他样式,而且您可能会陷入死胡同。
将文本放在 DIV 或 P 中并设置样式,而不是 TD。并非每个邮件客户端都支持所有样式。 Here's a good list to compare to.
【讨论】:
标签并正确使用了上述的
标签 - 现在只是要测试电子邮件。
。电子邮件客户端的样式不固定。我在
。我不使用 因为它在
随机添加填充/边距/调整大小文本,几乎所有语义标签都相同。如果您不必关心 Lotus Notes,您是幸运的,但我发现如果它在 Outlook '07 和 '10 中有效,那么它在 Notes 中也很不错。