為什么 <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>