如何删除 Outlook 2010 中 p 元素下方的空格？答案

【问题标题】：How to remove the space below p elements in Outlook 2010?如何删除 Outlook 2010 中 p 元素下方的空格？
【发布时间】：2016-07-16 16:47:30
【问题描述】：

由于某种原因，Outlook 2010 中我的 p 元素下方大约有 20 像素的多余空间，尽管这个特定元素实际上没有应用边距或填充。

如何去除这个多余的空间？

注意：p 元素中的文本需要居中，这就是我将其包装在 p 标记中的原因 - 我正在使用 Foundation For Emails 来处理居中。

【问题讨论】：

你可以包含一些代码吗？我写了很多电子邮件代码，我几乎从不使用 p 标签。也许您的 p 在 td 内，您可以向 td 添加样式标签来解决您的问题
一个代码示例真的会有所帮助！

标签： css html-email outlook-2010

【解决方案1】：

为每个 <p> 标签内联 margin 和 padding css，如下所示：

 <p style="margin: 0; padding: 0;">paragraph 1</p>
 <p style="margin: 0; padding: 0;">paragraph 1</p>
 <p style="margin: 0; padding: 0;">paragraph 1</p>

或者，如果可以选择，在电子邮件设计中远离<p> 标记会更安全，因为电子邮件客户端会以如此不同的方式呈现它们。可能看起来很老套，但使用 <br>s 经常可以完成工作：

 paragraph 1 text.
 <br><br>
 paragraph 2 text.
 <br><br>
 paragraph 3 text with no <br>'s after it.

【讨论】：

【解决方案2】：

在 Chrome 上：

-webkit-margin-before: 0em;
-webkit-margin-after: 0em;

【讨论】：