html电子邮件的段落格式

Question

我在html电子邮件中有2个连续段落。我需要在两段之间没有空格，但我需要在第一段的顶部和第二段的底部有30px的空间。

我可以使用以下方法删除两段之间的空格：

p{
   padding:0;
   margin:0;
 }

对于顶部和空间的空间在para的底部，我可以使用

 p{
       margin-top: 30px;
       margin-bottom: 30px;
    }

这一切都适用于Outlook和浏览器。但是当我将它用于随行人员（MAC电子邮件）/ gmail时，段落之间的空格仍然保留。

如何摆脱空间？

Answer 1

大多数基于网络的电子邮件客户端（hotmal，gmail）都不会尊重<style>标记内定义的样式，因为它们只丢弃（几乎）头部内定义的任何内容。你应该把你的风格内联。

Answer 2

这些是使用内联css有意义的罕见情况

这应该在你的CSS中

p{
   padding:0;
   margin:0;
 }

并在您的内联

中

style='margin-top: 30px;'

css中有一些技巧可以使它工作，但我不确定它是否支持每个浏览器 你将不得不谷歌。

示例：

div:firstchild  p {
  ... rules..
}

将选择第一个孩子

Answer 3

尝试这种方式：

<style type="text/css">
p{background-color:green;}
div+p { margin-top:30px; }
p+p{ margin-bottom :30px; }
</style>

<div align="center"></div>
<p> first paragraph </p>
<p>Second Paragraph </p>

Working DEMO

参考：

adjacent sibling selector

Answer 4

你可以收拾你的照片：

<div>
  <p>top paragraph</p>
  <p>bottom paragraph</p>
</div>

并添加到您的CSS：

div
{
   padding: 30px 0;
}