Outlook 2007 中不需要的表空间答案

【问题标题】：Undesired table spaces in Outlook 2007Outlook 2007 中不需要的表空间
【发布时间】：2012-02-02 11:01:22
【问题描述】：

我正在编写一份表格格式的时事通讯，该格式应该与（大部分）每个电子邮件客户端兼容，但 Outlook 2007 为包含文本元素的一行中的每个图像添加了 1px 的空格。

我在桌子上设置了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 中重现此错误。

有人知道如何去除空格吗？

【问题讨论】：

你能包含一些你的html吗？
您遇到问题的具体部分是什么？
我给方框涂了颜色，这样你就可以看到我的问题出在哪里。但我猜你只能在 Windows 上的 Outlook2007 中重现它。
我看不出代码有什么问题。我没有 Outlook 2007，所以无法检查，抱歉我不能再使用了。
感谢您的支持！

标签： css html-table outlook html-email outlook-2007

【解决方案1】：

如果我没记错的话，在图像上设置display:block 可以纠正这种行为。所以试试：

<img src="myimage.jpg" width="100" height="20" style="display:block;" />

要尝试的另一件事是从您遇到问题的单元格中删除所有不必要的空格。

“删除不必要的空格”是指如果你有这个：

<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 就很难诊断问题，但这已经解决了我的一些布局错误。

【讨论】：

我已经在每个 IMG 上设置了 display:block。 “删除所有不必要的空格”到底是什么意思？
我在我的帖子中发布了一个小提琴。