HTML电子邮件文本被剪裁

Question

我正在处理HTML电子邮件模板，我的标题中的文字会在Outlook 2007/2010/2013中被剪切。这是相关的代码。建议？

<tr>
<td class="main" style="padding:0px 0 21px 20px;">
<table width="100%" cellpadding="0" cellspacing="0">
<tr><br />
<td class="h1" style="font:bold 28px/36px Arial, Helvetica, sans-serif; color:#000; padding:0px 0 37px;">
Glad to Meet You.
</td>
</tr>

这是结果的截图。

Answer 1

改变这个：

<td class="h1" style="font:bold 28px/36px Arial, Helvetica, sans-serif; color:#000; padding:0px 0 37px;">

到此：

<td class="h1" style="font-weight:bold; font-size: 28px; mso-height-rule: exactly; line-height: 36px; font-family: Arial, Helvetica, sans-serif; color:#000; padding:0px 0 37px;">

Outlook 2007/2010/2013使用MS Word作为呈现引擎。是的，它非常可怕，需要一些额外的mso- CSS。另外作为一般经验法则，最安全的做法是远离电子邮件中的速记字体声明;将它们分开是更好的。

编辑还有一件事就是删除<br />和<tr>之间的流氓<td>;它是一个无效的地方，它可以用奇怪的方式解释它。