css - Outlook 中的表格宽度过大

Question

我正在制作一份电子邮件传单，但 Outlook 使我的两栏比应有的更宽。

我的传单由一个分为两列的表格和两个嵌套表格组成，每列一个。我以这种方式创建它们，这样我就可以编辑一个嵌套表格而不影响另一个表格的布局。

这是我在 Outlook 中查看时遇到的问题的图像，您可以看到文本应该位于红线所在的位置，以便它与传单齐平:

这就是我希望它在 Outlook 中的样子:

这是我的 Fiddle .

<table id="father" width="700" border="0">
  <tr>
    <td height="666" align="left" id="column1" style="border: solid 0 #E0E0E0; border-right-width:1px;  margin-bottom:10px">

...

</table>

不确定是什么导致了问题，因为我已经检查了宽度。我知道 Outlook 对 <table> 很有趣的

Answer 1

修复了问题。我补充说:

table.father {
table-layout:fixed; 
}

table.father td { 
overflow: hidden; 
}

这会阻止 table 向外挤压。