表格样式边框-outlook 2010 增加了额外的空间

Posted

技术标签:

【中文标题】表格样式边框-outlook 2010 增加了额外的空间【英文标题】:Table style border- outlook 2010 adds an extra space 【发布时间】:2011-12-22 09:07:30 【问题描述】:

我为电子邮件营销创建了一个 html。我放置了一个表格,并在其周围应用了边框:

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;">

由于某种原因,当我在 OUTLOOK 2010 中对其进行测试时,我在内部获得了 1 像素的额外空白。我在与顶部和左侧对齐的图像周围看到它,我在其他具有实心的单元格周围看到它背景颜色。

在此链接查看图片:screenshot

顶部的三角形是单元格中的图像。底部矩形是具有背景颜色的单元格。这些应该坚持边界。这是一个反复出现的问题。有没有人遇到过这个问题?

【问题讨论】:

【参考方案1】:

Campaign Monitor 对于如何解决此类问题提供了非常好的解决方案。只需将此 style 代码添加到您的表格元素。下面的代码解决了我在 Outlook 2010 上的问题(与 OP 相同)

&lt;table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"&gt; ... &lt;/table&gt;

http://www.campaignmonitor.com/blog/post/3694/removing-spacing-from-around-tables-in-outlook-2007-and-2010

如果这不起作用,试试这个。 http://www.emailonacid.com/blog/details/C13/removing_unwanted_spacing_or_gaps_between_tables_in_outlook_2007_2010

【讨论】:

【参考方案2】:

我在这里找到了这个: http://www.emailonacid.com/blog/details/C13/7_tips_and_tricks_regarding_margins_and_padding_in_html_emails

" Outlook 2007 和 2010 中的表格元素边距和填充可能会导致问题

如果您向 TABLE 元素添加边距或填充属性,它将为 Outlook 2007 和 2010 中的每个嵌套 TD 添加相同的边距和填充。 Cellpadding 和 cellspacing 属性是安全的,但最好避免在包含 TABLE 元素。”

所以我猜你桌子上的边距可能会导致这个。我不确定。

【讨论】:

非常感谢您的回答。我做了另一个没有填充或边距的测试,问题仍然存在。所以我感到有些失落。如果有人有其他建议,我很想听听。谢谢!【参考方案3】:

如果您还没有找到解决此问题的方法:

确保为表格单元格中的这些图像设置border="0"

【讨论】:

【参考方案4】:

添加边框-collapse:collapse;到表格样式。

【讨论】:

【参考方案5】:

我解决了这个问题,进入表格属性部分,然后单击“选项”。出现选项框后,将左右的默认单元格边距更改为 0",然后单击确定。

【讨论】:

【参考方案6】:

对于 1 和 3 像素宽度的边框,右边框后面有 1 像素的空间。这种(奇怪的......)问题的一种解决方案是当前表后面的“幽灵表”,当前表的宽度为负 1,边框为 1。 例如:

<!--[if mso]><table border="1" >
<tr style="display:none;"><td>&nbsp;</td></tr>
</table><![endif]-->

祝你好运……

【讨论】:

以上是关于表格样式边框-outlook 2010 增加了额外的空间的主要内容,如果未能解决你的问题,请参考以下文章

数据表 - 边框样式不适用于空的表格单元格

覆盖 Bootstrap 表格边框折叠样式

表格细边框的CSS样式怎么设置?

表格细边框的CSS样式啥设置?详细一点

[转]CSS如何设置html table表格边框样式

怎么用CSS设置html中的表格边框样式