Outlook 2007 Html表td元素 [英] Outlook 2007 Html table td elements

问题描述

我尝试使简报与Outlook 2007兼容，但Outlook渲染引擎不太合乎逻辑。以下代码并不像Firefox和其他渲染引擎那样将边框制作为1像素的宽度，但它在这些td元素之间增加了一些额外的空间。是否有解决此问题的方法？

I try to make newsletter compatible with Outlook 2007, but Outlook rendering engine isn't very logical. Following code is not making borders as width of 1 pixel like in Firefox and other rendering engines, but it adds some extra space between some of these td-elements. Is there a workaround for this issue ?

<table>
<tr>

<td width="0" style="border-left: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-left: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

<td width="100%" bgcolor="white">
content here
</td>

<td width="0" style="border-right: 1px solid #949494; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #adadad; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #c1c1c1; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>
<td width="0" style="border-right: 1px solid #cdcdcd; border-bottom: 0px none; border-top: 0px none; margin: 0;" ></td>

</tr>
</table>

推荐答案

我只设置border-collapse：collapse cellspacing =0，cellpadding =0与我的Outlook 2007，它有帮助。

I just set border-collapse:"collapse", cellspacing="0", cellpadding = "0" with my Outlook 2007 and it helped.

这篇关于Outlook 2007 Html表td元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！