【发布时间】：2015-05-08 11:10:27
【问题描述】：
我正在尝试解决代码中不存在的图像之间出现水平间隙的 html 电子邮件问题。我一直在该网站上，并尝试了任何人向以前遇到此问题的人提出的所有建议。我添加了 display:block、font-size:0px、lineheight:0px，确保所有填充、边距和边框都设置为 0。我已经没有想法了，希望有人能帮助我。我有outlook 2010，并在chrome 和 explorer for gmail 上测试了电子邮件。如果您有任何建议或能以任何方式提供帮助，我将不胜感激。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Spring_Back_Into_Action_email_blastv3.jpg) -->
<table style="lineheight:0px; display:block; border-collapse:collapse" width="600" height="814" cellpadding="0" cellspacing="0" margin="0" border="0" padding="0" align="top">
<tr style="font-size: 0px;"><td style="font-size: 0px;" colspan="3"><img src="http://s6.postimg.org/lw56vewpt/Spring_Back_Into_Action_email_blastv5_01.jpg" width="600" height="328" align="top" style="display:block" margin="0" border="0" padding="0"></td></tr>
<tr style="font-size: 0px;"><td style="font-size: 0px;" colspan="3"><img src="http://s6.postimg.org/sp5jronj5/Spring_Back_Into_Action_email_blastv5_02.jpg" width="600" height="251" align="top" style="display:block" margin="0" border="0" padding="0"></td></tr>
<tr style="font-size: 0px;"><td style="font-size: 0px;"><img src="http://s6.postimg.org/93h2vhl3x/Spring_Back_Into_Action_email_blastv5_03.jpg" width="175" height="107" align="top" style="display:block" margin="0" border="0" padding="0"></td>
<td style="font-size: 0px;"><a href="http://www.dallasbioidenticalhormonedoctor.com/" target="_blank"><img src="http://s6.postimg.org/c91olp3q9/Spring_Back_Into_Action_email_blastv3_04.jpg" width="253" height="107" align="top" style="display:block" margin="0" border="0" padding="0" alt="link to http://www.dallasbioidenticalhormonedoctor.com/"></a></td>
<td style="font-size: 0px;"><img src="http://s6.postimg.org/i11ssudjx/Spring_Back_Into_Action_email_blastv5_05.jpg" width="172" height="107" align="top" style="display:block" margin="0" border="0" padding="0"></td></tr>
<tr style="font-size: 0px;"><td colspan="2"><a href="http://www.emtexas.com/" target="_blank"><img src="http://s6.postimg.org/7lvmjxgdd/Spring_Back_Into_Action_email_blastv3_06.jpg" width="428" height="128" align="top" style="display:block" margin="0" border="0" padding="0" alt="link to http://www.emtexas.com/"></a></td>
<td style="font-size: 0px;"><img src="http://s6.postimg.org/4mtbajw9p/Spring_Back_Into_Action_email_blastv5_07.jpg" width="172" height="128" align="top" style="display:block" margin="0" border="0" padding="0"></td></tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
【问题讨论】：
标签： gmail html-email outlook-2010 gaps-in-visuals