0

请帮助，当我试图制作一封响应式电子邮件时，我无所适从，从两列到一列，一切都很完美，直到我到达 Outlook2013，它在每个表的右侧添加了一条黑线即彼此相邻对齐。我尝试使用 border-collapse:collapse 功能重置它，但它没有任何效果。我基本上有两个表格在表格单元中左对齐。

  <tr>
        <td align="left" style="border-collapse:collapse"><table width="300" border="0" style="border-collapse:collapse" cellspacing="0" cellpadding="0" class="contenttable" align="left">
          <tr>
            <td align="left" class="headercell" height="399" width="300" style="line-height:399px"><p style="mso-table-lspace:0;mso-table-rspace:0;"><img src="image" style="display:block; width:100% height:auto" alt="" border="0px" height="399" width="300" /></p></td>
        </table> <table width="300" border="0" cellspacing="0" cellpadding="0" class="contenttable" style=" border-collapse:collapse" align="left">
          <tr>
            <td align="left" class="headercell"><p style="mso-table-lspace:0;mso-table-rspace:0;"><img src="image" style="display:block; width:100% height:auto" alt="" /></p></td>
        </table></td>
      </tr>
4

2 回答 2

0

是的。那是 Outlook 显示它在浮动表格之间保留的 1px 间隙/边框。你无法摆脱它。有点。不过你可以重新着色。

对于您需要添加的小 1px 间隙/线条：

border: 1px solid #COLOR;

对于每个浮动表格，请务必调整表格的宽度以避免“浮动下降”。其中#COLOR 是表格的背景颜色。

如果您遇到 BIG gaps 的问题，则需要将其放在样式标签中：

table {mso-table-lspace:0pt;mso-table-rspace:0pt; border-collapse:collapse;}
于 2013-02-27T23:59:10.433 回答
0

通常我发现神秘边框的颜色与元素background-color上的颜色相同。body例如，如果您有一个带有白色内容区域的绿色背景，则线条将是白底绿。

要在这种情况下修复它，您可以将body背景设置为白色，这样就可以修复它。差距仍然存在，但你看不到它们。然后，您将改为将绿色背景颜色应用于容器表。

于 2015-06-10T02:38:59.167 回答