在Outlook中使用CSS {空白：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元素，屬性和級聯樣式表屬性：

• Outlook 2007中的Word 2007 HTML和CSS呈現功能（第1部分，共2部分）
• Outlook 2007中的Word 2007 HTML和CSS呈現功能（第2部分，共2部分）

Answer 2

我也遇到了這個問題，似乎Outlook中有電子郵件的最大寬度，大約2200px（至少是2007-13版本）。 我猜想發送整個表而不進行包裝的一種方法是在無頭瀏覽器（如PhantomJS）中打開動態生成的HTML表，並使用Javascript根據列寬將表拆分為較小的表，但是我認為這種解決方案效率很低。