html 电子邮件的段落格式

Question

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

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

p{
   padding:0;
   margin:0;
 }

对于顶部的空格和顶部的空格在段落的底部，我可以使用

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

所有这些都适用于 Outlook 和浏览器。但是当我将其用于 entourage（MAC 电子邮件）/gmail 时，段落之间的空格仍然保留。

我怎样才能摆脱空间？

Answer 1

大多数基于网络的电子邮件客户端（hotmal、gmail）不会遵循

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>

工作演示

参考：

相邻同级选择器

Answer 4

你可以打包你的 paras:

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

并添加到你的 CSS 中：

div
{
   padding: 30px 0;
}