表格样式边框-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 相同)
<table align="left" style="border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt;"> ... </table>
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> </td></tr>
</table><![endif]-->
祝你好运……
【讨论】:
以上是关于表格样式边框-outlook 2010 增加了额外的空间的主要内容,如果未能解决你的问题,请参考以下文章