Html Outlook 2010显示表格单元格之间的间距不一致
我正在设计一份HTML时事通讯,遇到了以下问题: 如您所见,单元格间距完全不正常:左栏和右栏的行之间不应该(也不可能)有空格。我真的不知道罪魁祸首是什么,任何想法都会被感激的 以下是相关的源代码:Html Outlook 2010显示表格单元格之间的间距不一致,html,outlook,html-table,html-email,Html,Outlook,Html Table,Html Email,我正在设计一份HTML时事通讯,遇到了以下问题: 如您所见,单元格间距完全不正常:左栏和右栏的行之间不应该(也不可能)有空格。我真的不知道罪魁祸首是什么,任何想法都会被感激的 以下是相关的源代码: <table width="740" cellpadding="0" cellspacing="0" border="1"> <tr> <td colspan="3"> <img src="top.jpg" width="740" h
<table width="740" cellpadding="0" cellspacing="0" border="1">
<tr>
<td colspan="3">
<img src="top.jpg" width="740" height="53">
</td>
</tr>
<tr>
<td colspan="3" height="200" valign="top" id="headerCell">
<img src="header.jpg" width="740" height="200" alt="Headerbild">
</td>
</tr>
<tr>
<td>
L
</td>
<td valign="top" width="600" bgcolor="#ffffff">
CONTENT
</td>
<td>
R
</td>
</tr>
L
内容
R
HTML在我看来很好。您是否尝试过消除不必要的空白?这可能是一个原因(还记得伟大的IE6,它有空白问题)
电子邮件客户端中的HTML呈现引擎非常糟糕。不久前,我不得不设计一些时事通讯,这真是糟透了。这里有一个,也许会有一些帮助。我终于找到了造成这种间距的原因:在中心单元格上设置了一个
填充顶部
,使得左右单元格顶部边缘与中心单元格的内容顶部齐平。很难判断这里有什么歪斜。左栏和右栏是否没有延伸到顶部,这就是问题所在?我试图澄清这个问题:左栏和右栏中的行之间不应该有空格。我们在屏幕截图中看到了什么,top.jpg
或只是header.jpg
?您看到的是第二行和第三行,在最后一行的三列上显示header.jpg。