Outlook行高忽略html邮件

我为简报创建了简短的HTML电子邮件。所有内容都可以在Gmail和Hotmail上完美显示。但是在Outlook中，图像之间有一些空间。使用萤火虫进行检查我可以看到我的行高被忽略，并且我看到的空白字符实际上是我的td的行高。这里是我的代码的一部分：Outlook行高忽略html邮件

<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 not working in Outlook 2010 for HTML Email 包括怪异的黑客。

来源

2013-03-07 Kestion

Outlook不使用“真正的”html渲染器，所以你陷入了一个糟糕的地方。这可能是因为“行高”根本不起作用，或者对某些元素不起作用。

您可以尝试各种替代技术。例如，使用额外的元素（例如div，span等）将单元格内容包装到单元格中，并给出该元素的填充或边距。示例

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

来源

2013-03-07 15:26:58 Joshua

但等等我没有得到这个。我的填充/边距没问题，如何在一个跨度中包裹受影响的s，div等会修改我的线高？无论如何，我尝试了它，但它不起作用，我做错了吗？ – Kestion 2013-03-07 15:38:30

我的观点是“行高”可能不会起作用:(请参阅我的更新回答 – Joshua 2013-03-07 15:55:11

哦好吧我现在明白了，对不起，我有点慢：/所以基本上除非我改变我的

的全局结构我赢了不能显示我的s没有该死的行高？ – Kestion2013-03-07 15:56:50

Outlook行高忽略html邮件

回答

相关问题