[英]Why do <p> elements show up differently in Rackspace email?
Why do <p>
elements show up differently in Rackspace email, versus other email clients such as Gmail, Outlook.com, Outlook (Desktop Application), and Mail (email client that comes with OS X)? 与其他电子邮件客户端(如Gmail,Outlook.com,Outlook(桌面应用程序)和Mail(OS X附带的电子邮件客户端))相比,为什么
<p>
元素在Rackspace电子邮件中的显示方式不同?
Here is what my <p>
elements look like in Gmail, Outlook.com, Outlook, and Mail: 以下是我的
<p>
元素在Gmail,Outlook.com,Outlook和Mail中的外观:
And here is what my <p>
elements look like in Rackspace webmail: 这是我的
<p>
元素在Rackspace webmail中的样子:
Here is what the code inside of my email looks like: 以下是我的电子邮件中的代码:
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
<p>TEST LINE BREAKS</p>
I tried using this application to normalize my email, but it still does not look the same on Rackspace: http://premailer.dialect.ca/ 我尝试使用此应用程序来规范化我的电子邮件,但在Rackspace上看起来仍然不一样: http : //premailer.dialect.ca/
How could I get the line breaks to appear in the Rackspace email? 我怎样才能在Rackspace电子邮件中显示换行符?
Different email clients have different default styles for certain tags (like web browsers). 不同的电子邮件客户端对于某些标记(如Web浏览器)具有不同的默认样式 In this case, seems Gmail, Outlook.com, Outlook, and Mail give an unstyled
<p>
tag a small bottom margin, whereas Rackspace mail does not. 在这种情况下,似乎Gmail,Outlook.com,Outlook和Mail为无标记的
<p>
标记提供了一个小的底部边距,而Rackspace邮件则没有。
This can be reset by defining an explicit margin. 这可以通过定义显式边距来重置。 Using an inliner like premailer works just fine, though inlining by hand is more straight forward.
使用像预制器这样的内联工作效果很好,尽管手工内联更直接。
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.