HTML电子邮件中的段落和表格之间的多余间距

我有一个段落标记后跟一个表格。HTML电子邮件中的段落和表格之间的多余间距

<p style="font:100 15px/23px Arial;margin:8px 0;padding:0;color:#4d4e53;">TEXT</p> 
<table cellspacing="0" cellpadding="0" style="border-collapse:collapse;color:#4d4e53;margin:0;padding:0;"> 
    <tr> 
    <td style="vertical-align:top;padding:8px 0;font:700 15px/23px">TEXT</td> 
    </tr> 
</table>

这看起来正是我希望在几十个场景（从段落的保证金8之间，空间16像素和8从表格单元格的填充物），除了2007年的Outlook版本，2010年和2013年

而且这是一个非常大的差异。下面是在Outlook中的段落和表之间的间距：

不能肯定这是否会帮助，但与光标选中它看起来像这样，这表明它是在段落的间距问题。我有几个堆叠的段落，他们没有这个问题。

没有人见过这个或有什么建议？

试图

而这绝不是一个完整的列表...

添加MSO具体造型表：

mso-margin-top-alt:0px; mso-margin-bottom-alt:0px; mso-padding-alt: 0px 0px 0px 0px;

拆分所有padding:0;伸到padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;

删除p和tabl之间的空格（换行符）电子标签。

回合2

更换所有的p标签与DIV

“边”（利用M）欺骗，然后用所有4个边缘分别进行细分。

而且MSO特定的CSS：

mso-table-lspace:0pt;mso-table-rspace:0pt;

来源

2016-03-08 Randy Hall

你可以包括你的电子邮件的完整代码？ –

@GeoffPhillips唉，我不能。但是我弄明白了，看到答案:) –

这样看来，Outlook不会有块元素坐在旁边的非块元素发挥很好（这是我的猜测，无论如何）。

解决的办法是换我前述段落在一个div，像这样：

<div> 
    <p style="font:100 15px/23px Arial;margin:8px 0;padding:0;color:#4d4e53;">TEXT</p> 
</div> 
<table cellspacing="0" cellpadding="0" style="border-collapse:collapse;color:#4d4e53;margin:0;padding:0;"> 
    <tr> 
    <td style="vertical-align:top;padding:8px 0;font:700 15px/23px">TEXT</td> 
    </tr> 
</table>

来源

2016-03-09 19:24:02

HTML电子邮件中的段落和表格之间的多余间距

回答

相关问题