Outlook附加间距 - <p>标签和<span>标签</span> </p>

时间:2014-03-17 16:33:50

标签: html outlook html-email forwarding

我正在创建一个HTML电子邮件,并且很难解决当我转发电子邮件时发生的事情。收件箱很好,但转发时会出现问题。我已经获取了转发项目的源代码,看起来它正在重新配置我的表,以便它们在div中,并且在每个表之间有一个

<p> 
带有

标签

<span style="display: none"> 

在里面和

<p>&nbsp;</p> 

里面......

如果这是一致的话,这将是绝对正确的,但我发现中间

<p> 

标签没有跨度,因此输入

<p>&nbsp;</p> 
在我的两张桌子之间,在我可爱的边界上创造了一个很大的差距!

有没有人知道这是否与内容相关,或者如果我的表需要具有特定属性来防止这种情况发生,我可以看出它们和第一个表之间没有区别;这似乎工作得非常好。

1 个答案:

答案 0 :(得分:2)

你提到它之间添加了新的<p>标签,不太确定 - 你的html内容中可能有一些空格。众所周知,Outlook会在电子邮件中的元素周围包含<p>标记(通常是类msoNormal,或类似的东西)。这会影响您的转发电子邮件,遗憾的是,没有办法避免它,只有最小化和隐藏它的方法。如果将样式标记中的边距和填充清零,则应该为大多数客户端处理它。虽然转发你的Gmail,但由于Gmail删除了样式代码,这是不可避免的。

最小化差距的一种方法是使用表格行而不是表格。它产生的差距要小得多 - 就像几个像素和大约20个像素的不需要的空间。

隐藏它的一种方法是确保将所有将分离的区域放入具有相同背景颜色的父容器中。这样,当它确实垂直传播您的电子邮件时,您不会在电子邮件中获得任何不同颜色的水平条。