HTML电子邮件文本被剪裁

时间:2016-05-27 20:51:42

标签: css html-email

我正在处理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>

这是结果的截图。

enter image description here

1 个答案:

答案 0 :(得分: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>;它是一个无效的地方,它可以用奇怪的方式解释它。