Question

我需要你的帮助。

以下是浏览器（IE10）如何很好地呈现我的html表格的完美示例。如果单元格的内容太长，则自动换行的CSS属性会启动。：

enter image description here

然后，如果我使用相同的HTML代码创建相同的页面，则MS Outlook 2007会使我的表格如下所示：

如何更正HTML代码以使其正确呈现（即列宽度得到尊重并且长文本整齐地包裹？

能和谐吗？

enter image description here

有问题的HTML代码：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    </head>
    <body>
        <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
            <tr>
                <td align="center">
                    <table style="vertical-align: top; text-align: left; table-layout: fixed; word-wrap: break-word; border: 1px solid #000;" cellpadding="2" cellspacing="4" width="50%">
                        <tr>
                            <td style="width: 200px;">File Number:</td>
                            <td style="width: 200px;">'+ fileno +'</td>
                        </tr>
                        <tr>
                            <td>Reference documents:</td>
                            <td>8425655,8417897,8417794,8425734,8425822,8417976,8417957,8427664,8555286,8555321</td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>
    </body>
</html>

Answer 1

你在文本上没有空格，被视为“内联”对象，这就是为什么你不能改变线条，加上宽度是100％，所以，将尽可能宽。

HTML电子邮件重新调整表格列以适应内容，而不是尊重单元格宽度和包装文本

1 个答案: