css - Outlook 中的表格宽度过大

Question

我正在创建一个电子邮件传单，但 Outlook 使我的两列比应有的更宽。

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

这是我在 Outlook 中查看问题时遇到的问题的图像，您可以看到文本应该在红线所在的位置，以便它顺着传单向下运行：

这就是我希望它在 Outlook 中的外观：

这是我的小提琴。

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

Answer 1

修复了问题。我补充说：

table.father {
table-layout:fixed; 
}

table.father td { 
overflow: hidden; 
}

这会阻止桌子向外移动。