Question

我将内联样式格式的表格发送到电子邮件正文以发送报告。

我唯一的问题是限制表的大小。无论我尝试过什么，我都无法将文本包装在表格中。表格只是扩展到它们中最长的东西的长度。

如果我渲染到某个页面，我已经完成了几个不同的工作，但似乎没有任何东西可以将outlook包装在单元格中。

例如，即使使用容器div，也不会有这些组合：

width:1000px;
table-layout:fixed;
word-wrap:break-word;

这是一个示例（在页面上很好 - 当在Outlook 2007中打开的HTML电子邮件的主体不会换行时 - 表格会变宽）：

      <table style="margin-top:5px;width:1000px;table-layout:fixed;word-wrap:break-word;border-collapse: collapse;background-color: #dfe1e4;">
     <tr>
                   <th nowrap="true" style="text-align:center; font-size:14px;border: 1px solid #A69F9F;padding-right:10px;padding-left:10px;background-color: #42669a;color:#f0f8ff;">Description</th>
     </tr>
     <tr>
        <td style="word-wrap:break-word;text-align:left;padding-left:5px;padding-right:15px;border: 1px solid #A69F9F;">
            asdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd22222222222222222!
 22222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasd 
<br>asdfasdfasdf asdf asdf asdf asdf asd fasd fasdf a
<br>asdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd2222222222222222222222222222222222222asdfasdfasdasdfasdfasdfasd22asdfasd2222222222222222222222222222222222222asdfasdfasd 
<br>asdfasdfasdf asdf asdf asdf asdf asd fasd fasdf a
        </td>
     </tr>
   </table>

感谢您的帮助

Answer 1

Outlook中的not supported。

Answer 2

以下组合适用于Gmail和Thunderbird 11：

<td style="max-width: 570px; word-wrap: break-word;">

以上和以上都不适用于Outlook 2010：

<table style="table-layout: fixed;">

<table style="table-layout: fixed; width: 570px;">

<div style="overflow: auto;">

<td width="570">`

然而，微软的人都知道他们的电子邮件客户端的弱点，因此他们提供了一个按钮，可以在浏览器中查看HTML电子邮件。

电子邮件正文的内联CSS - 可以获得nowrap

2 个答案: