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>

我也尝试将font-size设置为0，设置行高（％，em，px）的方法不同。我还删除了我的tds和我的imgs之间不必要的空白区域，但是线条高度完全被忽略了。如果我在萤火虫中改变它，它可以工作。所以我知道问题不是别的。

有解决方法吗？

--- -----编辑哦，我也在这个帖子上尝试了很多东西：Line-height not working in Outlook 2010 for HTML Email 包括奇怪的黑客。

Answer 1

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

您可以尝试各种替代技术。例如，使用其他元素（如div，span等）将内容包装在单元格内，并为该元素填充或边距。实施例

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

Outlook行高忽略了html邮件

1 个答案: