我正在用 HTML 语言创建我们公司的电子邮件签名。
我意识到签名在每个电子邮件客户端上看起来不会 100% 相同(这是轻描淡写的说法),但我现在的签名看起来相当稳定。
但有一件事一直困扰着我:当从 live.com 或 outlook.com 电子邮件帐户查看签名时,我总是会看到每个段落<p>
标签下方都有多余的空白。
Outlook.com 有意这样做:当我删除段落标签并将 CSS 信息放入 span 样式时,outlook.com 仍会添加段落标签。因此空白效果始终存在。
结果是,我的签名完全垂直拉伸,因为有几个段落。我不能只限制在一个段落上,因为我的签名布局是用表格构成的。
我真的不知道如何避免这种情况。有人能告诉我是否有可能删除这些多余的空白吗?
这是一些示例代码:表格的一行包含一个单元格,其中包含一个段落和跨度。因此删除该段落无济于事,因为 outlook.com 会自行再次添加它:
<tr>
<td width="10" height="30" style="background-color:#009bd7;line-height:17px;height:30px;"> <!-- --></td>
<td width="10" height="30" style="font-size:3px; line-height:17px;height:30px;"> <!-- --></td>
<td width="360" height="30" align="left" style="border-bottom-style:solid;border-bottom-color:#aaaaaa;border-bottom-width:1px;line-height:17px;height:30px;">
<p style="font-family:Arial;margin:0px;margin-bottom:0px;margin-top:0px;padding:0px;padding-bottom:0px;padding-top:0px;"><span style="font-family:Arial; COLOR:#009bd7; FONT-SIZE: 8pt;margin:0px;padding:0px;margin-bottom:0px;margin-top:0px;height:30px;"><strong>Visit us at WOTS 2014 in Utrecht from 30/9/14 till 3/10/14.<br /><a style="COLOR: #009bd7; TEXT-DECORATION: none" href="https://link">Click here</a> for a free entrance ticket.</strong></span></p>
</td>
</tr>
这是效果,左侧是在 Outlook 2010 中查看的(效果很好),右侧是在 Outlook.com 或 Live.com 中查看的。(单击可放大。)