Html table 表格样式边框-outlook 2010添加了额外的空间
我为电子邮件营销创建了一个HTML。我放置了一张表,并在其周围应用了边框: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像素额外的内部空白。我在左上方对齐的图像周围看到它,在其他具有纯色背景的单元格周围看到它 请参见此链接中的图像: 顶部三角形本身就是单元格中
<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> </td></tr>
</table><![endif]-->
祝你好运…我在“表属性”部分解决了这个问题,然后单击“选项”。出现选项框后,将左侧和右侧的默认单元格边距更改为0”,然后单击“确定”。非常感谢您的回答。我做了另一个测试,没有填充或边距,但问题仍然存在。因此我感到有点茫然。如果有人有其他建议,我很想听听。谢谢!