为什么<p>元素在Rackspace电子邮件中的显示方式不同？

Question

为什么<p>元素在Rackspace电子邮件中的显示方式与Gmail，Outlook.com，Outlook（桌面应用程序）和Mail等其他电子邮件客户端不同（OS X附带的电子邮件客户端） ）？

以下是我的<p>元素在Gmail，Outlook.com，Outlook和Mail中的外观：

以下是我的<p>元素在Rackspace webmail中的样子：

以下是我的电子邮件中的代码：

<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电子邮件中？

Answer 1

不同的电子邮件客户端对于某些代码（例如网络浏览器）具有不同的默认样式。在这种情况下，似乎Gmail，Outlook.com，Outlook和Mail提供了无样式的<p>代码一个较小的底部边距，而Rackspace邮件没有。

可以通过定义显式边距来重置。使用像预制器这样的内联工作效果很好，尽管手工内联更直接。

<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>