在Outlook中使用CSS {white-space：nowrap}

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 Explorer中：

在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)

Answer 2

我也遇到了这个问题，看起来Outlook中的电子邮件的最大宽度似乎是2200px（至少版本为2007-13）。我想在没有包装的情况下发送整个表的一种方法是在PhantomJS之类的无头浏览器中打开动态生成的HTML表，并使用Javascript根据列宽将表拆分成较小的表，但我认为这个解决方案的效率相当低。