css - 在Hotmail HTML电子邮件中使用<div>作为垂直分隔符的问题

我们将以下代码用作HTML电子邮件中的垂直分隔符：

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

这在任何地方都可以正常使用-除了Hotmail之外，Hotmail会创建一个很大的空间。我们对此进行了一些研究，似乎Hotmail默认情况下嵌入CSS会引起很多问题。

我们提供了以下代码来尝试解决此问题，但无济于事：

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

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

最佳答案

如果它只是一个间隔符，那为什么不使用带有间隔符图像的表呢。与内联样式的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元素中指定高度。如果需要，请更换间隔图像。您甚至可以根本不使用间隔图像来摆脱困境。

关于css - 在Hotmail HTML电子邮件中使用<div>作为垂直分隔符的问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14992912/