表格行之间的Outlook 2010间距问题

时间:2012-07-26 17:12:14

标签: html html-table html-email outlook-2010

我有一个包含3列(25px:580px:25px)的单表HTML,其中包含整个表格,trs和tds的白色背景。除Outlook 2010外,所有浏览器都可以使用。

在Outlook 2010中,我在表行之间的两个外部列中接收到垂直间隙 - 大约3px间隙。看起来背景白色不是在整个单元格中显示,或者Outlook正在添加换行符或类似内容。

屏幕截图:

http://postimage.org/image/ft3zqg7jl/

受影响行的结构如下:

<tr><td height="20" width="25" align="left" valign="top" bgcolor="#ffffff"></td>
<td height="20" width="580" align="left" valign="top" bgcolor="#ffffff"></td>
<td height="20" width="25" align="left" valign="top" bgcolor="#ffffff"></td>
</tr>

任何想法是什么导致了这个以及如何解决?

2 个答案:

答案 0 :(得分:0)

可能的解决方案:

  1. 使用CSS
  2. 设置background-color: #ffffff
  3. 在受影响的&nbsp;中添加td并使用CSS设置font-size: 0pxline-height: 0px
  4. 同时尝试以上 :)

答案 1 :(得分:0)

图像应设置为内联显示:块

添加到嵌入式CSS中:

table, table td { border:0; border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; margin:0; padding:0; }`

你应该将你的bgcolors放在标签而不是table-cells:

<table bgcolor="#ededed" cellpadding="0" cellspacing="0" border="0">
<tr>
  <td>
    <table bgcolor="#ffffff"cellpadding="0" cellspacing="0" border="0">
    <tr>
       <td height="20" width="25" align="left" valign="top"></td>
      <td height="20" width="580" align="left" valign="top"></td>
      <td height="20" width="25" align="left" valign="top" ></td>
    </tr>
    </table>
  </td>
</tr>
</table>