黑莓vs Outlook html渲染

早些时候，我在尝试在Outlook 2007中显示html时遇到了问题。看起来，Outlook不支持我用来创建表格的div结构。黑莓vs Outlook html渲染

我使用td和tr恢复为“旧学校”表格结构。但是，这在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>

来源

2011-12-20 mezamorphic

align：left是无效的css。 – albert 2011-12-20 11:16:14

@albert，我将它删除了 - 将编辑我的Q – mezamorphic 2011-12-20 11:20:18

是。通讯是老同学:)

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

“重置”表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;}

这将提高整个主电子邮件客户端的呈现。

来源

2012-08-24 01:24:33 VoT

黑莓vs Outlook html渲染

回答

相关问题