html - 使用 CSS { 空白 : nowrap } with Outlook

Question

我目前有一份包含大量宽列的报告，我直接通过 SQL 通过电子邮件发送这些报告。我正在为其动态生成 HTML，但遇到了列宽问题。

我插入了以下 CSS:

#tableMain 
TH { 
    text-align: center; 
    white-space: pre; 
    border: 1px solid black; 
    padding: 0; 
    border-spacing: 0; 
    border-collapse: collapse; 
    background-color: #f0f0f0; 
    font: 11pt bold arial sans-serif; 
} 

现在虽然生成的 html 在 IE 中呈现良好，但它坚持将单元格内容包装到 Outlook 中的两行。

在 Internet 浏览器中:

在 Outlook 中

Outlook 是我们公司范围内的电子邮件客户端，因此我不需要支持多个客户端，但我确实需要它在这里很好地工作。

感谢收到的建议。

Answer 1

事实上，Outlook 使用 Word(而非 IE)呈现电子邮件的 HTML 标记。您可能会在 MSDN 中的以下文章中找到描述的所有受支持和不受支持的 HTML 元素、属性和级联样式表属性:

• Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 1 of 2)
• Word 2007 HTML and CSS Rendering Capabilities in Outlook 2007 (Part 2 of 2)