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

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

如果它只是一个垫片，那么为什么不使用带有垫片图像的 table 呢？大多数电子邮件客户端更喜欢表格而不是具有内联样式的 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 元素中指定高度。如果愿意，请更换间隔图像。您甚至可以完全不使用间隔图像。