Question

我们在HTML电子邮件中使用以下代码作为垂直间隔符：

<div style="height:14px; font-size:14px; line-height:14px;">&#160;</div>

这适用于所有地方 - 除了Hotmail，它创建了一个非常大的空间。我们已经对此进行了一些研究，看起来Hotmail默认嵌入了CSS会导致很多问题。

我们已经包含以下代码来尝试解决此问题，但无济于事：

.ExternalClass, .ExternalClass p, .ExternalClass span,
.ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%; margin: 0; padding: 0;}

希望这里的其他人可能有解决方案甚至是解决方法。

Answer 1

如果它只是一个间隔物，那么为什么不使用带有间隔图像的表。大多数电子邮件客户端更喜欢带有内联样式的div表格，并且会正确呈现它。这样的东西：

<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td height="10">
      <img src="http://media.instantcustomer.com/22033/0/5_spacer.png" alt="" width="1" height="10" border="0" style="border:0" />
    </td>
  </tr>
</table>

将高度从10改为您需要的任何高度。你必须在td中指定高度以及img元素。如果您愿意，请更换间隔图像。你甚至可以完全不使用间隔图像。

Answer 2

您可以使用此：<br>&nbsp<br>或者您可以将其包装在字体标记中以设置高度。您也可以在<td>或表格中使用填充作为saganbyte建议。

请注意，Outlook会在表格周围设置<p>标记，如果有人转发您的电子邮件，则会增加约15-20像素的垂直间距。使用表格行只会添加几个像素。考虑到这一点，始终保持背景颜色相同，这样就不会出现不需要的线条。

在Hotmail HTML电子邮件</div>中使用<div>作为垂直间隔问题

2 个答案: