在HTML電子郵件中排列3個圖像，沒有間隙

正如您在屏幕截圖中看到的那樣，我有3行，每行都包含我想要在此HTML電子郵件（Zurb Ink）上合成的完整圖像。在HTML電子郵件中排列3個圖像，沒有間隙

我已經把所有的填充等去除然而，這是Outlook如何顯示它依然：

enter image description here

的jsfiddle：http://jsfiddle.net/9j59g602/（看起來幾乎罰款，但瀏覽器）

編輯和測試在這裏：https://putsmail.com/tests/1e3ab350-c1f4-4c22-a178-8372e9ec1851

我已經嘗試最新的變化是：

border="0" cellspacing="0" cellpadding="0"

對於包含該元素的表格和TD，它會繼續恢復到此狀態。任何其他建議，將不勝感激。

這是圖片和文字旁邊則用：

<table class="twelve columns hide-for-small" border="0" cellpadding="0" cellspacing="0"> 
<tr> 
    <td class="nopadding">&nbsp;</td> 
    <td class="nopadding" style="padding:0px;"><img src="http://storage.pardot.com/84452/9496/book_top.jpg" alt="" title="" /></td> 
</tr> 
<tr> 
    <td class="eight sub-columns left-text-pad whitebg tbpadding"> 
     <p><strong>The guide highlights:</strong></p> 
     <ul class="highlights" style="margin: 0;"> 
      <li>The most commonly searched for Audi models</li> 
      <li>The fastest growing Audi leasing opportunities</li> 
      <li>The most successful contract terms for closing Audi leasing deals</li> 
     </ul> 
     <span><strong>Make sure you don't miss out, <img src="http://storage.pardot.com/84452/9498/download_btn.jpg" alt="" title="" class="downloadbtn" /><br>your free and exclusive insights guide today.</strong></span> 
    </td> 
    <td class="four sub-columns rmpadding nolineheight" style="padding:0px;margin:0;"> 
     <img src="http://storage.pardot.com/84452/9492/book_cover.jpg" alt="" title="" width="214" height="194" valign="top" /> 
    </td> 
    <td class="expander"></td> 
</tr> 
<tr> 
    <td class="nopadding">&nbsp;</td> 
    <td class="nopadding" style="padding:0px;"><img src="http://storage.pardot.com/84452/9490/book_bottom.jpg" alt="" title="" /></td> 
</tr> 
</table>

來源

2015-07-20 JordanC26

這種風格添加到您的圖像。它應該擺脫圖像之間的差距。

style="margin:0; border:0; padding:0; display:block;"

來源

2015-07-20 22:42:48 kel

沒有區別，它們之間的空間相同量 – JordanC26

嘗試添加'垂直對齊：bottom'頂端圖像和'垂直對齊：top'至底部一個？ – kel

添加display：block和border-collapse：摺疊到每個圖像的父td。 – Gortonington

在HTML電子郵件中排列3個圖像，沒有間隙

回答

相關問題