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

pit*_*zki 7 whitespace html-table html-email outlook-2010

我为电子邮件营销创建了一个HTML.我放了一张桌子,并在它周围应用了一个边框:

<table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;">
Run Code Online (Sandbox Code Playgroud)

出于某种原因,当我在OUTLOOK 2010中测试它时,我在内部获得了1个像素的额外空白区域.我看到它围绕着与顶部和左边对齐的图像,我看到它周围具有纯色背景的其他单元格.

请参见此链接中的图片:截图

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

tre*_*tar 9

Campaign监视器在如何解决此类问题方面提供了非常好的解决方案.简单地将此样式代码添加到表元素中.下面的代码在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 元素中使用 CSS 边距和填充”。

所以我猜你的利润可能是造成这种情况的原因。我不确定。