爲Outlook.com中的圖片添加額外的邊距和線條空間

我可能會丟失一些明顯的東西，但由於某種原因，Outlook.com正在爲P標籤覆蓋邊距和線條高度方便包裝所有圖片。任何解決方案，以消除這個不必要的空間在底部？爲Outlook.com中的圖片添加額外的邊距和線條空間

<table width="196" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse"> 
<tr> 
    <td valign="top" align="left" width="196" height="45"> 
    <table width="196" cellspacing="0" cellpadding="0" border="0" style="border-collapse:collapse"> 
     <tr> 
      <td style="font-size:0;line-height:0;border-collapse:collapse;border-bottom:1px solid #BBBBBB;padding:0;border-collapse:collapse;background:red;" valign="top" align="left" width="196"> 
      <a href="" style="font-size:0;line-height:0;" target="_blank"> 
       <img style="width:137px;height:44px;display:block;" src="" width="137" height="44" alt=""/></a> 
      </td> 
     </tr> 
     </table> 
    </td> 
    </tr></table>

來源

2013-06-25 devlondoner

把這個在您的標題風格標籤：

p {margin: 1em 0;}

由於p標籤是在渲染時插入，你需要覆蓋它的風格標籤。

來源

2013-06-25 12:32:42 John

在Outlook中編寫電子郵件是件痛苦的事情...我設法擺脫圖像之間的額外空間，方法是將style =「border-collapse：collapse; line-height：0;」在TD標籤中明確設置所有寬度和高度。不要忘記把style =「display：block;」在您的IMG標籤覆蓋所有客戶。

<td width="400" height="100" style="border-collapse:collapse;line-height:0;"><img src="myimage.jpg" width="400" height="100" style="display:block; border:0; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic;"></td>

來源

2013-12-06 17:11:31

'中的'border-collapse'更好;在''上做它（或高度）可能會導致Outlook 2010的空間問題。 – wizonesolutions

你必須把下列頭樣式的一部分：

img { 
    line-height:100%; 
}

其實，outlook.com其轉換成以下，但它的工作！

.ExternalClass img { 
    line-height: 100%; 
}

我們在app.edmdesigner.com上使用此解決方案獲取圖像，並且它完美地工作。

來源

2014-04-22 18:01:33

相關問題

爲Outlook.com中的圖片添加額外的邊距和線條空間

回答

相關問題