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

标签 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; 
} 

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

在 Internet 浏览器中: As displayed in IE

在 Outlook 中 As displayed in Outlook

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

感谢收到的建议。

最佳答案

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

关于html - 使用 CSS { 空白 : nowrap } with Outlook,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31046966/

相关文章:

html - 如何使 Material Design 抽屉标题固定?

javascript - 简单的 CSS 转换不适用于浏览器,但适用于 phonegap

python 3.9.0 smtplib.SMTPNotSupportedError : STARTTLS extension not supported by server

php - 关于在PHP中嵌入HTML的一个问题

javascript - 不使用 App.vue 时带有 Vite 的 Vue 3 渲染空白页面

javascript - CSS 中的部分边框没有背景重叠

html - 根据文本动态改变按钮的大小?

PHP邮件功能未完成发送电子邮件

linux - Net::SMTP 无法在 Windows 8 上连接

css - 使用边距和填充属性