Outlook 行高忽略 html 邮件答案

【问题标题】：Outlook line-height ignored html mailOutlook 行高忽略 html 邮件
【发布时间】：2013-02-22 20:58:34
【问题描述】：

我为时事通讯创建了一个简短的 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>

我也尝试将字体大小设置为 0，设置行高的不同方法（%、em、px）。我还删除了 tds 和 imgs 之间不必要的空白，但 line-height 完全被忽略了。如果我在萤火虫中改变它，它虽然有效。所以我知道问题无非就是这个。

有没有办法解决这个问题？

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

【问题讨论】：

标签： html email outlook css

【解决方案1】：

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

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

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

【讨论】：

但是等等，我没有得到这个。我的填充/边距没问题，如何将受影响的 s 包装在跨度、div 等中会修改我的行高？无论如何我都试过了，但它不起作用，我做错了吗？
我的观点是“行高”可能行不通:(请参阅我的更新答案

哦好的我现在明白了，抱歉我有点慢：/所以基本上除非我改变我的的全局结构，否则我将无法显示我的

那个该死的线高？

当然，试一试。没有关于 Outlook 支持/不支持什么的指南。至少现在还没有。

感谢您的帮助，我希望他们会为下一个版本提供比文字更好的 html 渲染器。