Outlook 2007 Html 表格 td 元素答案

【问题标题】：Outlook 2007 Html table td elementsOutlook 2007 Html 表格 td 元素
【发布时间】：2010-10-26 11:18:01
【问题描述】：

我尝试使时事通讯与 Outlook 2007 兼容，但 Outlook 呈现引擎不太合乎逻辑。下面的代码不会像在 Firefox 和其他渲染引擎中那样将边框设置为 1 像素的宽度，但它在其中一些 td 元素之间添加了一些额外的空间。这个问题有解决办法吗？

<table>
<tr>

<td width="0" style="border-left: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

<td width="100%" bgcolor="white">
content here
</td>

<td width="0" style="border-right: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

</tr>
</table>

【问题讨论】：

另请参阅此答案中的链接：stackoverflow.com/questions/868073/…
这是它在 Outlook 2007 中的外观 >> i44.tinypic.com/8zmxhj.jpg

标签： html outlook html-table rendering outlook-2007

【解决方案1】：

我刚刚在 Outlook 2007 中设置了border-collapse:"collapse", cellspacing="0", cellpadding = "0" 并且它有所帮助。

【讨论】：

你能告诉我你把这些值放在了哪些元素上吗，因为我仍然收到这些属性的错误......
这个答案与this blog-entry 一致，但是在桌子上添加border/cellpadding/cellspacing=0 属性和border-collapse:collapse（以及td，根据那篇文章）并没有解决我的问题。

【解决方案2】：

如果我理解正确，<table cellspacing = "0"> 会解决你的问题

【讨论】：

不，因为它看起来像 td 元素之间的随机空间

【解决方案3】：

你试过在桌子上设置“border-collapse:collapse”吗？

显示 Outlook 07/03 支持哪些 CSS 属性的非常有用的指南：http://www.campaignmonitor.com/blog/post/2533/a-guide-to-css-support-in-emai-2/#pc

【讨论】：

【解决方案4】：

您可以尝试使用 Word 2007 制作时事通讯，将其保存为 HTML，然后为其他电子邮件客户端对其进行调整（删除不必要的内容）。

Outlook (Until Office 2007, and people hate it.

现在，it uses Word 2007's rendering，至于 is rather lacking。 On microsoft's page可以看到可以使用的属性。

【讨论】：

【解决方案5】：

我以前遇到过这个问题。要使其在 Outlook 中正确显示，您必须将其设置为：

<td style="border:solid windowtext 1.0pt;">

使边框显示出来。

这有点奇怪，但微软适合你。

【讨论】：