HTML 电子邮件 - 你如何删除 -webkit-margin-before: 1em; -webkit-margin-after: 1em;哪个自动添加到 outlook.com 中的 <p> (hotmail)？

Question

我尝试在 <p> 上添加以下内容作为内联样式，但 outlook.com/hotmail.com 将其删除并在 <p> 前后添加了 1em 的边距。

margin-before:0!important;
 -webkit-margin-before:0!important;
 margin-after:0!important;
 -webkit-margin-after:0!important

Answer 1

只需将 margin: 0; 添加到 <p> 即可覆盖它们您可以将 !important 添加到 margin.

Answer 2

我认为最简单的解决方案是不使用 p 标签。只需将您的副本放在 td 中，然后照常应用所有内联样式。让您更好地控制内容并避免与来自 clients/browsers

的默认添加样式作斗争

Answer 3

试试这个：

<p style="Margin-top:0;Margin-bottom:0;"></p>

出于某种未知原因 Outlook.com 去除边距，除非您使用大写字母 M。

HTML Email - How do you remove -webkit-margin-before: 1em; -webkit-margin-after: 1em; which is automatically added to <p> in outlook.com (hotmail)?