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

Question

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

以下是我的<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

不同的电子邮件客户端对于某些标记（如Web浏览器）具有不同的默认样式 在这种情况下，似乎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>