为什么 <p> 元素在 Rackspace 电子邮件中显示不同?
Why do <p> elements show up differently in Rackspace email?
为什么 <p>
元素在 Rackspace 电子邮件中的显示方式与 Gmail、Outlook.com、Outlook(桌面应用程序)和 Mail(OS X)?
这是我的 <p>
元素在 Gmail、Outlook.com、Outlook 和 Mail 中的样子:
这是我的 <p>
元素在 Rackspace 网络邮件中的样子:
我的电子邮件中的代码如下所示:
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
我尝试使用此应用程序来规范我的电子邮件,但它在 Rackspace 上看起来仍然不一样:http://premailer.dialect.ca/
如何让换行符出现在 Rackspace 电子邮件中?
不同的电子邮件客户端对某些标签(如网络浏览器)有不同的默认样式。在这种情况下,Gmail、Outlook.com、Outlook 和 Mail 似乎给出了一个unstyled <p>
标记了一个小的底边距,而 Rackspace 邮件则没有。
这可以通过定义明确的边距来重置。使用像 premailer 这样的内联器效果很好,尽管手动内联更直接。
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
为什么 <p>
元素在 Rackspace 电子邮件中的显示方式与 Gmail、Outlook.com、Outlook(桌面应用程序)和 Mail(OS X)?
这是我的 <p>
元素在 Gmail、Outlook.com、Outlook 和 Mail 中的样子:
这是我的 <p>
元素在 Rackspace 网络邮件中的样子:
我的电子邮件中的代码如下所示:
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
我尝试使用此应用程序来规范我的电子邮件,但它在 Rackspace 上看起来仍然不一样:http://premailer.dialect.ca/
如何让换行符出现在 Rackspace 电子邮件中?
不同的电子邮件客户端对某些标签(如网络浏览器)有不同的默认样式。在这种情况下,Gmail、Outlook.com、Outlook 和 Mail 似乎给出了一个unstyled <p>
标记了一个小的底边距,而 Rackspace 邮件则没有。
这可以通过定义明确的边距来重置。使用像 premailer 这样的内联器效果很好,尽管手动内联更直接。
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>
<p style="margin: 0 0 10px;">TEST LINE BREAKS</p>