我有一个包含3列(25px:580px:25px)的单表HTML,其中包含整个表格,trs和tds的白色背景。除Outlook 2010外,所有浏览器都可以使用。
在Outlook 2010中,我在表行之间的两个外部列中接收到垂直间隙 - 大约3px间隙。看起来背景白色不是在整个单元格中显示,或者Outlook正在添加换行符或类似内容。
屏幕截图:
受影响行的结构如下:
<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>
任何想法是什么导致了这个以及如何解决?
答案 0 :(得分:0)
可能的解决方案:
background-color: #ffffff
中添加td
并使用CSS设置font-size: 0px
和line-height: 0px
答案 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>