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

Html table 表格样式边框-outlook 2010添加了额外的空间,html-table,whitespace,html-email,outlook-2010,Html Table,Whitespace,Html Email,Outlook 2010,我为电子邮件营销创建了一个HTML。我放置了一张表,并在其周围应用了边框: <table border="0" cellspacing="0" cellpadding="0" style="border:1px solid #982676; margin:0 16px;"> 由于某些原因,当我在OUTLOOK 2010中测试它时,我得到了1像素额外的内部空白。我在左上方对齐的图像周围看到它,在其他具有纯色背景的单元格周围看到它 请参见此链接中的图像: 顶部三角形本身就是单元格中

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

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

由于某些原因,当我在OUTLOOK 2010中测试它时,我得到了1像素额外的内部空白。我在左上方对齐的图像周围看到它,在其他具有纯色背景的单元格周围看到它

请参见此链接中的图像:

顶部三角形本身就是单元格中的图像。底部矩形是具有背景色的单元格。他们被认为是要坚守边境的。这是一个反复出现的问题。以前有人遇到过这个问题吗?

我在这里发现:

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

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


所以我想可能是你桌上的空白造成的。我不确定。

如果你还没有找到解决这个问题的方法:


请确保为表格单元格中的图像设置了
border=“0”

Campaign monitor在如何解决此类问题方面提供了非常好的解决方案。简单地将此样式代码添加到表元素中。下面的代码解决了我在Outlook 2010上的问题(与OP相同)

如果这不起作用,试试这个。
添加边框折叠:折叠;我喜欢桌子的样式

对于1像素和3像素宽度的边框,右边框后面有1像素的空间。这种(奇怪的…)问题的一种解决方案是在当前表后面创建一个“重影表”,当前表的宽度减1,边框为1。 例如:

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


祝你好运…

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

非常感谢您的回答。我做了另一个测试,没有填充或边距,但问题仍然存在。因此我感到有点茫然。如果有人有其他建议,我很想听听。谢谢!