Html Outlook 2007和2010在图像之间放置空白

Html Outlook 2007和2010在图像之间放置空白,html,css,Html,Css,我已经为这个问题搜索了好几天了,并且插入了许多不同的CSS和HTML标记,但它们并没有解决我的问题。我在自己的表中有四个独立的图像(正如我读到的Outlook在决定页面结束的地方插入了分隔符),但在我的第三个和第四个图像之间插入了一个巨大的像素分隔符。欢迎提供任何提示。我删除了一些隐私代码,但这是我对这四张图片中的每一张使用的通用格式。谢谢 <div> <table style="width: 600px; border-collapse: collapse;" bor

我已经为这个问题搜索了好几天了,并且插入了许多不同的CSS和HTML标记,但它们并没有解决我的问题。我在自己的表中有四个独立的图像(正如我读到的Outlook在决定页面结束的地方插入了分隔符),但在我的第三个和第四个图像之间插入了一个巨大的像素分隔符。欢迎提供任何提示。我删除了一些隐私代码,但这是我对这四张图片中的每一张使用的通用格式。谢谢

    <div>
<table style="width: 600px; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr>
<td align="center" valign="top" style="line-height: 1px; font-size: 0.0em;"><img alt="BlahBlahBlah" src="http://hosting-source.bm23.com/35156/public/abc.jpg" border="0" height="1053" usemap="#Map" width="600" style="color: white; font-size: 12px; display: block;" /></td>
</tr>
</tbody>
</table>
<table style="width: 600px; border-collapse: collapse;" border="0" cellspacing="0" cellpadding="0" align="center">
<tbody>
<tr style= "page-break-before: always">
<td align="center" valign="top" style="line-height: 1px; display: block; font-size: 0.0em;"><img alt="BlahBlahBlah" src="http://hosting-source.bm23.com/35156/public/abc2jpg" border="0" height="870" usemap="#Map2" width="600" style="color: white; font-size: 12px; display: block;" /></td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>


的样式声明为invlid,双引号以宽度结尾,而不是结尾,每个值后面都需要一个分号。基本上你的边界崩溃,mso表lspace等都被忽略了。抓到了!改变了。仍然看到两张图片之间的巨大差距,添加了一些新的样式。有什么想法吗?我认为你需要验证你的HTML,例如你的身高没有指定单位,代码很混乱。通常,您会使用css样式表或更早的标记来分离样式。我不知道为什么要在第四幅图像之前插入分页符,而且我看不到设置了任何页边距。使用工具检查DOM,以查看导致间隙的原因。