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電子郵件中的段落和表格之間的多餘間距

回答

相關問題