0

We're using the following code as a vertical spacer in an HTML email:

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

This works well everywhere -- except Hotmail where it creates a very large space. We've researched this a bit and it seems Hotmail embeds CSS by default that causes a lot of issues.

We've included the following code to try to address the issue, to no avail:

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

Hoping that someone else here might have a solution or even a workaround.

4

2 回答 2

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 元素中指定高度。如果您愿意，请替换间隔图像。您甚至可以完全不使用间隔图像而侥幸逃脱。

于 2013-02-21T01:22:39.563 回答
0

你可以使用这个：<br>&nbsp<br>或者你可以将它包装在一个字体标签中来设置高度。您还可以在您的<td>, 或 saganbyte 建议的表格中使用填充。

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

于 2013-02-21T16:47:05.587 回答