HTML電子郵件Gmail應用程序（Android 6） - 如何消除圖像之間的垂直間隙

Question

我在使用Gmail應用程序（Android 6.0）HTML電子郵件呈現圖像之間的垂直間隙時遇到問題。我在Litmus的其他客戶端/屏幕組合中沒有任何問題 - 桌面，移動設備，Outlook，IOS，AOL等。

如果我刪除圖像之間的td標籤並使用float left，Android會將圖像堆疊在頂部彼此的。

如果我更換

<!--[if !gte mso 15]><!--></td><td valign="bottom"><!--<![endif]--> 

與

</td><td> 

因爲我原本，雙方的Gmail應用程序和Outlook有垂直線的空白。

任何人都可以提出一種方法來改善代碼？

感謝

<table width="640" border="0" cellspacing="0" cellpadding="0" style="text-decoration:none;border-collapse:collapse;mso-table-lspace:0pt;mso-table-rspace:0pt;table-layout:fixed;border-spacing:0;table-layout:auto;border-collapse: collapse;mso-table-lspace: 0pt;mso-table-rspace: 0pt;text-decoration: none;table-layout: auto;border-spacing: 0; "> 
<tbody> 
    <tr> 
    <td> 
     <a target="_blank" href="http://www.....com/why-use-a-centrifugal-separator.html" style="color:#000000;cursor:pointer;text-decoration:none !important;color: #000000;cursor: pointer;text-decoration: none !important;"><img width="231" height="202" border="0" alt="Read more about keeping oil cleaner longer" src="http://www.....com/emailer/201709/images/keepoilcleanerlonger_100_231x202.jpg" style="-ms-interpolation-mode:bicubic;text-align:center;line-height:20px;width: 231px; height: 202px; display: block; margin: 0px; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;"></a> 
     <!--[if !gte mso 15]><!--></td><td valign="bottom"><!--<![endif]--> 
     <a target="_blank" href="http://www.....com/why-use-a-centrifugal-separator.html" style="color:#000000;cursor:pointer;text-decoration:none !important;color: #000000;cursor: pointer;text-decoration: none !important;"><img width="178" height="202" border="0" alt="Read more about reducing man service hours" src="http://www.....com/emailer/201709/images/reduceservicemanhours_100_178x202.jpg" style="-ms-interpolation-mode:bicubic;text-align:center;line-height:20px;width: 178px; height: 202px; display: block; margin: 0px; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;"></a> 
     <!--[if !gte mso 15]><!--></td><td valign="bottom"><!--<![endif]--> 
     <a target="_blank" href="http://www.....com/assets/web-and-email-a4-mp200-data-sheet-v08.pdf" style="color:#000000;cursor:pointer;text-decoration:none !important;color: #000000;cursor: pointer;text-decoration: none !important;"><img width="231" height="202" border="0" alt="Read more about adding to existing power units" src="http://www.....com/emailer/201709/images/addtoexistingpowerunits_100_231x202.jpg" style="-ms-interpolation-mode:bicubic;text-align:center;line-height:20px;width: 231px; height: 202px; display: block; margin: 0px; outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;border: none;display: block;"></a> 
    </td> 
    </tr> 
</tbody> 

Answer 1

我想通了你的問題。您正在使用無效的href和img代碼。

這不會是一個url工作或爲圖像：

http://www.....com 

我可以換那些不與佔位符圖像，也許拿出你的實際問題是什麼更好的主意，但如果你」只重新發布一段代碼，我只能發佈一部分解決方案來解決您的問題。

我看到你沒有在Litmus上得到任何答覆。