表宽度在Outlook中过大

时间:2013-08-27 09:53:04

标签: css outlook html-table html-email

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

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

这是我在Outlook中查看时遇到的问题的图像,您可以看到文本应该是红线所在的位置,因此它会在传单中向下冲洗:

enter image description here

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

enter image description here

这是我的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>

1 个答案:

答案 0 :(得分:0)

修正了问题。我补充说:

table.father {
table-layout:fixed; 
}

table.father td { 
overflow: hidden; 
}

这会阻止表格向外强制。