html - Outlook 行高忽略 html 邮件

Question

我为时事通讯创建了一个简短的 HTML 电子邮件。一切都在 gmail 和 hotmail 上完美显示。但是在 Outlook 上，图像之间有一些空间。检查 Firebug 我可以看到我的行高被忽略了，我看到的空白实际上是我的 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>

我也尝试过将字体大小设置为 0，以及设置行高 (%, em, px) 的不同方法。我还删除了我的 tds 和我的 imgs 之间不必要的空白，但是 line-height 被完全忽略了。如果我在 Firebug 中更改它，它仍然有效。所以我知道问题就是这个。

有解决办法吗？

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

Answer 1

Outlook 不使用“真正的”html 呈现器，因此您陷入了困境。可能是“line-height”根本不起作用，或者对某些元素不起作用。

您可以尝试各种替代技术。例如，用一个附加元素(例如 div、span 等)将单元格中的内容包裹起来，并为该元素提供填充或边距。示例

<td>
   <div style="padding: 10px 0;">[mycontent]</div>
</td>