html - 将 IE 复制粘贴到 Outlook 电子邮件时 CSS 表格格式丢失

Question

我正在更新公司内部网站。网站上有一张汇总数据表。每天，该表都会从页面复制到电子邮件中，并发送给使用 Outlook 2010 的人员。该公司目前使用的是 IE8。

问题是新网站使用 Twitter Bootstrap 进行表格样式设置。将表格复制并粘贴到 Outlook 中时，大部分样式都丢失了。

旧网站的每个 , 等都附加了tr类td。

Chrome 在新网站上运行没有任何问题。

以下是表格和问题的一些示例：

旧网站 - http://jsbin.com/ifeqav/1/edit

新网站 - http://jsbin.com/iwuven/1/edit

有谁知道解决这个问题？我已经尝试过这个建议，但它似乎无法与 bootstrap 一起正常工作。

IE9 能解决这个问题吗？

Answer 1

Outlook 2007 及更高版本不使用 IE 进行 HTML 邮件格式设置。相反，他们使用 Word（是的，这很糟糕，每个人都知道）。Word 不支持 CSS2 中的许多功能，更不用说 CSS3。不幸的是，这意味着向 Outlook 用户提供图形电子邮件的最佳方式是向他们发送 1990 年代的 HTML 电子邮件：<table>布局的恐怖和邪恶的回归spacer.gif。这种可恶的做法是可以接受的，因为 Outlook/Word 不解释任何语义内容。

或者只是在您的电子邮件顶部添加一个链接，上面写着：“使用 Outlook？单击此处在浏览器中查看您的消息”。