0

我为时事通讯创建了一个简短的 HTML 电子邮件。一切都在 gmail 和 hotmail 上完美显示。但是在 Outlook 上，图像之间存在一些空间。用萤火虫检查我可以看到我的行高被忽略了，我看到的空白实际上是我的 td 的行高。这是我的代码的一部分：

    <tr>
      <td width="10" height="80"  style="line-height:0px; line-height:0; border-right:1px solid #9cc020;">&nbsp;</td>
      <td width="15" height="80" style="line-height:0;" >&nbsp;</td>
      <td width="560" height="80"  colspan="5" style="line-height:0;">
         <img src="http://infos.mycookit.com/img/PL01bis/c1.jpg" alt="avec le code CHAMP" width="560" height="80" style="display:block">
      </td>
      <td width="10" height="80"  style="line-height:0; border-left:1px solid #9cc020;">&nbsp;</td>
    </tr>

我还尝试将 font-size 设置为 0，设置 line-height (%, em, px) 的不同方法。我还删除了 tds 和 imgs 之间不必要的空白，但 line-height 完全被忽略了。如果我在萤火虫中改变它，它虽然有效。所以我知道问题就是这样。

有没有解决的办法？

---edit----- 哦，我也在这个线程上尝试了几乎所有的东西：Line-height not working in Outlook 2010 for HTML Email， 包括奇怪的黑客。

4

1 回答 1

1

Outlook 不使用“真正的”html 渲染器，因此您陷入了困境。可能是“行高”根本不起作用，或者对某些元素不起作用。

您可以尝试各种替代技术。例如，使用附加元素（例如 div、span 等）将单元格内的内容包装起来，并为该元素提供填充或边距。例子

<td>
   <div style="padding: 10px 0;">[mycontent]</div>
</td>
于 2013-03-07T15:26:58.907 回答