Outlook Web App 的 HTML 电子邮件行高答案

【问题标题】：HTML-email line-height for Outlook Web AppOutlook Web App 的 HTML 电子邮件行高
【发布时间】：2014-04-04 10:04:25
【问题描述】：

我正在开发一个 HTML 电子邮件模板。下面的 html 代码中的 line-height 在 Gmail 和 Outlook 中似乎可以正常工作。但是，在 Outlook Web App 中，行高会增加。我尝试了一些在 Internet/stackoverflow 上找到的修复：标题中的 css 代码和内联 css 代码。然而，这并不奏效。有人知道如何在下面的示例中修复 Outlook Web App 中的行高吗？

谢谢！标记

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<style>
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height: 100% !important;}
</style>

</head>
<body>

<table cellpadding="0" cellspacing="0" width="400">
<tr>
<td width="400" style="display:block;padding:0px;margin:0px;font-size:12px;font-family:Arial, Helvetica, sans-serif;color:#000000;mso-line-height-rule:exactly;line-height:12px;">
Test copy  Test copy  Test copy  Test copy  Test copy  
Test copy  Test copy Test copy  Test copy  Test copy  
Test copy Test copy  Test copy  Test copy  Test copy  
Test copy  Test copy  Test copy Test copy  Test copy  
Test copy  Test copy Test copy  Test copy  Test copy  
Test copy  Test copy  Test copy  Test copy Test copy  
Test copy  Test copy  Test copy Test copy  Test copy  
Test copy  Test copy  Test copy  Test copy  Test copy
Test copy  Test copy  Test copy  Test copy
Test copy  Test copy  Test copy  Test copy  Test copy  
Test copy  Test copy Test copy  Test copy  Test copy  
</td>
</tr>
</table>

</body>
</html>

【问题讨论】：

标签： html-email

【解决方案1】：

这是我们使用的修复方法，但看起来可能与您的类似。

<tr>
<td width="100%" height="15"
style="font-size:15px; line-height:15px; mso-line-height-rule: exactly;"
class="hide">&nbsp;</td>
</tr>

【讨论】：