我正在用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或Live.com上正确查看的Outlook 2010中显示的效果(很好)。(点击放大。)
CodeTwo软件将签名添加到我们的邮件中,但这并不重要。我在Notapad ++中手工创建HTML签名。浏览器是无关紧要的,我在谈论电子邮件客户端(差异很大)。使用<BR>与否是无关紧要的:问题在于<p>标签,这是无法避免的(并且是的,我正在关闭它)。谢谢。
—
SonOfGrey 2014年
您是否可以添加HTML代码以及可能的CSS以便我们可以看到它,但是放入虚拟信息以便您不发布个人信息?在将问题发布到您的问题中时,请确保使用“代码示例”功能以便于阅读。此外,如果将此问题移至编程堆栈交换站点或堆栈溢出,请不要犹豫不决。我不是百分百肯定,但你可能会得到更好的答案。如果需要移动它们,我们将移动它。
—
大卫
示例代码添加...
—
SonOfGrey 2014年
<br>
吗?你在关门</p>
吗?