在Outlook中使用CSS {空白:nowrap}

Mat*_*ker 6 html css email outlook

我目前有一个包含很多宽列的报告,这些列是我直接从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; 
} 
Run Code Online (Sandbox Code Playgroud)

现在,虽然生成的html在IE中可以正常显示,但它坚持将单元格内容包装到Outlook中的两行中。

在Internet Explorer中: 如IE中所示

在Outlook中 如Outlook中所示

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

和建议深表感谢。

Eug*_*iev 1

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

  • 由于对 rtfm 答案的赞赏,只有第一个链接包含有关 nowrap 的文档。而且,我发现 Outlook 不尊重 td 属性或 div 属性,尽管它们已在那里列出。所以,这个答案是不正确的。 (2认同)