如何让 MS Outlook 接受 CSS 样式 display:block？

Posted 2023-03-14

【中文标题】如何让 MS Outlook 接受 CSS 样式 display:block？

【英文标题】：How do I get MS Outlook to accept the CSS style display:block?

【发布时间】：2012-02-17 20:05:29

【问题描述】：

我正在使用服务 (MailChimp) 撰写 html 电子邮件。 MailChimp 标记标题的方式是使用SPAN 标签，并赋予标签display:block 的内联样式。

MS Outlook 2010 会忽略此样式。我找不到任何解决方法。因此，标题会换行，破坏所需的页面显示。

是的，我知道 Outlook 使用 MS Word 来显示 HTML。

假设我无法干预和手动编辑标记。

如何让 MS Outlook 接受 CSS 样式 display:block 并将 SPAN 标记显示为块级元素？

【问题讨论】：

改用div 或p 标签？

您无法控制 Outlook 如何呈现 HTML 样式。您需要修复 HTML 源代码以使其与 Outlook 兼容。

你想让它看起来像什么？ Outlook 不会对“显示”属性做任何事情，但您可以使用表格来解决它。

抱歉，刚刚看到您实际上无法更改 HTML。这是为什么呢？

Blowski - 我正在设置一个模板以移交给 MailChimp 用户，因此他们最好不要手动编辑 HTML。

【参考方案1】：

我发现自己处于这种情况：需要创建在 Outlook 中正确显示的标题样式，但无法编辑 HTML，因为我将模板交给客户。

我想你已经解决了这个问题，但是对于那些花了几个小时试图回答这个问题并偶然发现这个问题的人来说，我是这样解决的：

删除 Mailchimp 的默认 H1、H2 等

创建自己的标题样式（我将它们命名为 Header、Sub-Header 等，只是为了避免混淆）

根据需要使用新的标题样式。新标题显示为块。

由于无法在 Outlook 中进行检查，因此我不确定内部发生了什么，但我的猜测是，通过不使用默认样式，Mailchimp 将标题文本包装在 div 中而不是 span 中。

【讨论】：

你能解释一下你是怎么做步骤号的吗？ 2. 我知道如何在 MC 代码编辑器中设置标签样式，但不知道如何添加新标签或如何替换。

【参考方案2】：

此版本的 MS Outlook 不支持 CSS display 属性。

这是关于你可以使用和不能使用的“书”：

campaignmonitor.com/css/

基本上，如果您不能将标记更改为 本机 块项目，那么您就会陷入困境。

【参考方案3】：

不幸的是，最好的办法是用老式的方式来做。 =[ 使用表格而不是表格。所以表=块。

【讨论】：

我正在使用表格作为结构。标记来自所见即所得编辑器，其中没有可用的表格。同样，假设我无法干预和手动编辑标记。