【问题标题】:Table width is over sizing in OutlookOutlook 中的表格宽度过大
【发布时间】:2017-07-19 05:44:41
【问题描述】:

我正在创建一个电子邮件传单,但 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>

不确定是什么导致了问题,因为我检查了宽度。我知道 &lt;table&gt;'s 的 Outlook 会很有趣

【问题讨论】:

    标签: css outlook html-table html-email


    【解决方案1】:

    解决了这个问题。我补充说:

    table.father {
    table-layout:fixed; 
    }
    
    table.father td { 
    overflow: hidden; 
    }
    

    这会阻止桌子向外强制。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-08-29
      • 2015-04-09
      • 2019-11-22
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多