我正在编写一个表格格式的新闻稿，应该与（主要）每个电子邮件客户端兼容，但Outlook 2007为每行中包含文本元素的每个图像添加1个像素空间。
我在表格上设置了border-collapse: collapse，cellpadding="0"和cellspacing="0"，在TD上设置了style="font-size:1px; line-height:0;"，但它不起作用。 IMG是display:block。同时在顶部元素上设置valign="bottom"，在底部元素上设置valign="top"也不起作用。
这是我的小提琴：http://jsfiddle.net/ycpNK/9/ - 红色和绿色方框是受间距影响的方框。您可以在Outlook 2007中重现此错误。
有人知道如何摆脱这些空间吗？
答案 0 :(得分：1)
如果我没记错的话，在图像上设置display:block会纠正此行为。所以试试：
<img src="myimage.jpg" width="100" height="20" style="display:block;" />
要尝试的另一件事是从您遇到问题的单元格中删除所有不必要的空格。
删除不必要的空格＆＃39;我的意思是，如果你有这个：
<td> *here there may be several spaces and a return character*
<img src="foo.gif" />
</td>
替换为：
<td><img src="foo.gif" /></td> *no unnecessary spaces or returns*
如果没有看到你的HTML，很难诊断问题，但这已经解决了我的一些布局错误。