我研究了这个问题,在网上找到了许多建议的修复方法,但没有任何效果。
问题是我正在设计的 HTML 电子邮件中表格中特定 TD 元素之间的差距。它仅在 Outlook 2007 和 2010 中以这种方式显示。
在右侧的侧边栏中,“Level 2”与其上方的薄圆角框之间应该没有间隙。
这是创建蓝色框的嵌套表的代码:
<table class="box" width="200" border="0" cellspacing="0" cellpadding="0"><tr><td style='line-height:0;font-size:0'><img src="http://dl.dropbox.com/u/16792732/wave-email-images/box_dark_top.gif" style="display:block" width="200" height="10" /></td></tr><tr><td class="box_dark"><h2>Level 2<br /><span class="white">Care Assistants</span></h2><h2>Level 3<br /><span class="white">Senior Carers</span></h2><h2 class="norule">Level 5<br /><span class="white">Managers and Deputy Managers</span></h2></td></tr><tr><td style='line-height:0'><img src="http://dl.dropbox.com/u/16792732/wave-email-images/box_dark_bottom.gif" style="display:block" width="200" height="10" /></td></tr></table>
如您所见,我已经删除了所有空白,因为这是我发现的一种解决方法中所建议的。我还在 TD 元素中插入了 'line-height:0;font-size:0' 样式,并在图像本身中插入了 'display:block' 样式,这也是所有建议的解决方法。这些都没有丝毫不同。
此问题不会出现在任何其他电子邮件客户端或浏览器中。
请帮忙!