Question

请帮忙，因为我正在努力制作一封响应式电子邮件，从两列到一个列，一切都很完美，直到我到达Outlook2013，它在右侧添加了一条黑线每个表彼此相邻排列。我试图用border-collapse：collapse函数重置它，但它没有任何效果。我基本上有两个表在一个tablecell中对齐。

  <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>

Answer 1

呀。这个Outlook展示了它在浮动表之间保持的1px间隙/边界。你无法摆脱它。均田。你可以重新着色它。

对于需要添加的小1px间隙/行：

border: 1px solid #COLOR;

到每个浮动的表格，确保调整表格的宽度，以避免＆＃34;浮动下降＆＃34;。其中#COLOR是表格的背景颜色。

如果您遇到大缺口问题，您需要将它放在样式标记中：

table {mso-table-lspace:0pt;mso-table-rspace:0pt; border-collapse:collapse;}

Answer 2

通常我发现神秘边框的颜色与background-color元素上的body相同。 EG如果您的绿色背景为白色内容区域，则白色的线条为绿色。

要解决此问题，您可以将body背景设置为白色并修复它。差距仍然存在，但你看不到它们。然后，您将绿色背景颜色应用于容器表。

Outlook 2013在每个嵌套表的右侧创建一个黑色边框线

2 个答案: