Outlook电子邮件签名中的CSS行间距问题

时间:2012-10-29 00:58:43

标签: css outlook html-email

我们正在Outlook中测试此电子邮件签名,并且遇到一个问题,即在最后一行之前会出现额外的几行像素行。

这似乎与Outlook呈现HTML与其他电子邮件客户端或网站的方式有关。如果有人有关于如何解决这个问题的建议,或者甚至是可能的话。

我们已经做了一些研究,到目前为止没有任何帮助,但我们能够确认这种情况不会发生在Outlook的版本中。

<body>
<p><br />
  <br />
  <span style="line-height: 14px; color: #414042; letter-spacing: 1px; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;">FIRST NAME</span><br />
  <span style="line-height: 14px; color: #414042; font-style:italic; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;">partner</span><br />
  <span style="line-height: 14px; color: #414042; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;">&nbsp;</span><br />
  <span class="appleLinks" style="line-height: 14px; color: #414042; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;">111&nbsp;Adress&nbsp;Plaza&nbsp;|&nbsp;14<sup style="font-size: 8px; line-height: 0; vertical-align: 3px">th</sup>Floor&nbsp;|&nbsp;New&nbsp;York,&nbsp;NY&nbsp;10122</span><br />
  <span class="appleLinks" style="line-height: 14px; color: #414042; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;">tel: 212.xxx.xxxx&nbsp;|&nbsp;fax: 212.xxx.xxxx</span><br />

  <a style="line-height: 14px; color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" href="mailto:email@websitecom">email@website.com</a>&nbsp;
  <a style="line-height: 14px; color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" href="http://www.linkedin.com/in/xxx">LinkedIn</a>&nbsp;
  <a style="line-height: 14px; color: #2D4F68; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;" href="http://www.website.com">www.website.com</a><br /><br />  
<span style="line-height: 14px; mso-line-height-rule:exactly; color: #414042; font-size: 9px; font-weight:bold; font-family:Georgia, 'Times New Roman', Times, serif; letter-spacing: 1px;">TAGLINE<br />
</span><span style="line-height: 14px; mso-line-height-rule:exactly; color: #414042; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;">Service Name | Service Name | Service Name<br /></span><span style="line-height: 14px; mso-line-height-rule:exactly; color: #414042; font-size: 10px; font-family:Georgia, 'Times New Roman', Times, serif;">Service Name | Service Name</span>
</p>
</body>

1 个答案:

答案 0 :(得分:1)

删除了对Outlook 2007中CSS的支持,转而使用Word渲染引擎。您的电子邮件是否在较旧的Outlook中正确呈现?

实际解决问题的唯一方法是通过旧式的表格方式来实现。您应该能够以这种方式实现您想要的,并且其他电子邮件阅读器当然支持表格。这有点麻烦,但据我所知,这是唯一的方法......