段落间距的行高在Yahoo Mail中不起作用

时间:2013-03-21 16:44:38

标签: html email yahoo-mail

出于某种原因,当使用此代码向我的yahoo邮件帐户或任何yahoo邮件帐户发送电子邮件时,行间距不适用于分隔段落。我该如何解决这个问题?

这是我正在使用的,但不起作用:

<p style="line-height:150%">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:10.5pt; line-height:150%; color:#333333; margin-bottom: 1em;">Caro [Membro],</span>
</p>
<p style="line-height:150%">
<span style="font-family:Helvetica, Arial, sans-serif; font-size:10.5pt; line-height:150%; color:#333333; margin-bottom: 1em;">Estou escrevendo com uma atualização importante para os membros de N sobre o Programa de Garantia de Obrigações CDFI.</span>
</p>

看起来像这样:

line-spacing e-mail problem

我该如何解决这个问题?天啊,我甚至在它上面放了一个底边,这看起来似乎没有用!

2 个答案:

答案 0 :(得分:0)

我建议您不要在HTML电子邮件中使用<p>。一般来说,我会使用<tr><td>代替。您可以选择使用<br>,但我不这样做。

<p>在每个基于网络的电子邮件/电子邮件客户端中变化很大,并且比<td>更难标准化。

为了完美地排列段落之间的空间,我认为最一致的选择是使用透明图像来控制<tr><td>的高度。看起来应该是这样的:

<tr>
  <td>Lorum Ipsum</td>
</tr>
<tr>
  <td height=3px"><img src="http://www.example.com/img/3px.png" alt="" height="3px" />
  </td>
</tr>
<tr>
  <td>Lorum Ipsum</td>
</tr>
<tr>
  <td>Lorum Ipsum</td>
</tr>

3px.png将是3px透明图像。如果您经常创建电子邮件,那么最终会得到一组透明png的高度。

答案 1 :(得分:0)

问题出在您的字处理器的行高设置中。 要解决此问题:

1)打开Word Processing程序。 2)打开您的文档。 3)转到编辑。 4)转到全选。 5)转到格式。 6)转到段落。 7)转到行间距 8)选择比例 9)设置为150% 10)单击“确定” 11)将文本粘贴到您的电子邮件程序中。