Question

早些时候，我在尝试在Outlook 2007中显示html时出现问题。看来Outlook不支持我用来创建表格的div结构。

我使用td和tr恢复到'old school'表结构。但是，这适用于Outlook 2007，但是当我在黑莓手机上打开电子邮件时，列已经向左浮动，并且它不再像桌子那样显示。

我的测试html是：

<html>
    <head>
    </head>
    <body>
        <table>
            <tr>
                <td>X</td>
                <td>Y</td>
            </tr>
            <tr>
                <td>Overall</td>
                <td>207,890</td>
            </tr>
            <tr>
                <td>B</td>
                <td>100,568</td>
            </tr>
            <tr>
                <td>C</td>
                <td>107,322</td>
            </tr>
        </table>
    </body>
</html>

Answer 1

是。通讯是老派:)

您的代码基本上是正确的，但对于最佳实践，您至少应该

“重置”cellspacing，cellpadding和表格的边框为0;
指定单元格的宽度/高度;
在标题中添加所谓的错误修复;在样式标记内，插入以下css：

.ReadMsgBody {width: 100%;}
.ExternalClass {width: 100%;}
img{margin: 0px; padding: 0px; display: block;}
a img{margin: 0px; padding: 0px; display: block;}

这将改善您在主要电子邮件客户端中的呈现。

黑莓vs Outlook html渲染

1 个答案: