压痕问题

我有2个段落为压痕问题

<p style="color:#333333; line-height: 20px; font-size: 16px; font-family: Helvetica, Arial, sans-serif; font-weight:bold; margin:0; padding:0; text-align: left;">Title of para</p> 

<p style="color:#767676; line-height: 20px; font-size: 12px; font-family: Helvetica, Arial, sans-serif; text-align: left; margin-bottom: 1cm; margin-top:0; padding:0;">Text</p>

我想有2个段落之间。同时，但在0空间有一些固定的空间，在第1款的顶部和底部的第二段。

我创建一个HTML电子邮件，因此内嵌样式。它在一些客户端正常工作。但是在随行人员和Gmail中，两段之间的距离并没有消失。 :(

来源

2011-05-19 user1212

啊HTML电子邮件和跨客户端渲染不一致的乐趣。在处理跨电子邮件客户端问题后，我从来没有抱怨过跨浏览器问题！ – 2011-05-19 22:34:41

http://jsfiddle.net/jnuHD/

我添加

height:12px;

第一段，似乎工作。

来源

2011-05-19 22:29:03 kei

它并不适用于Gmail和随行人员 – user1212 2011-05-19 22:33:12

:( 工作如何添加重要 – kei 2011-05-19 22:34:34

在所有 – user1212 2011-05-19 22:50:25

我猜测，一些内置样式在Gmail中被重写边距和补你设置。您是否尝试过加入!important标志他们的价值观，看是否有帮助？

来源

2011-05-19 22:36:45 DavidJCobb

不会在所有的工作 – user1212 2011-05-19 22:37:46

添加一些共同的背景LOR显示问题是p标签中没有他们

http://jsfiddle.net/hs3A2/

你需要的行高造型之间？如果没有以下减少间距：

http://jsfiddle.net/UTZ8y/

您还可以使用线高度，以减少间距进一步： http://jsfiddle.net/99zcM/1/

维护行高你可以用定位来调整“间距” ：

<div style="position:relative;"> 
<p style="line-height: 20px; font-size: 16px; 
    font-family: Helvetica, Arial, sans-serif; font-weight:bold; 
    margin:0; padding:0; text-align: left;">Title of para 
</p> 

<p style="color:#767676; line-height: 20px; font-size: 12px; 
    font-family: Helvetica, Arial, sans-serif; text-align: left; 
    margin-bottom: 1cm; margin-top:0; padding:0; 
    position:relative;top:-5px;">Text</p> 
</div>

看到它在这里工作：http://jsfiddle.net/Md9Na/

我不知道有多好，这将各种邮件客户端工作，并重叠提防

来源

2011-05-19 22:44:06

不起作用删除行 - ！？高度打乱了字体格式我想保持线-height，只是想如果你把背景颜色在p元素，你得到的彩色背景之间的差距在你的目标客户，以移除空白的2个段落之间。 – user1212 2011-05-19 22:51:49

？如果没有，那么它是不是白事段落之间的空格，但是包含p边界框的内容的问题，这就是行高度工作的原因 – 2011-05-20 01:02:31

回答

相关问题