HTML电子邮件Gmail应用程序(Android 6) - 如何消除图像之间的垂直间隙
问题描述:
我在使用Gmail应用程序(Android 6.0)HTML电子邮件呈现图像之间的垂直间隙时遇到问题。我在Litmus的其他客户端/屏幕组合中没有任何问题 - 桌面,移动设备,Outlook,IOS,AOL等。HTML电子邮件Gmail应用程序(Android 6) - 如何消除图像之间的垂直间隙
如果我删除图像之间的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>
答
我想通了你的问题。您正在使用无效的href和img代码。
这不会是一个url工作或为图像:
http://www.....com
我可以换那些不与占位符图像,也许拿出你的实际问题是什么更好的主意,但如果你”只重新发布一段代码,我只能发布一部分解决方案来解决您的问题。
我看到你没有在Litmus上得到任何答复。
给td一个与图像相同的背景颜色。将解决它;-) – Syfer