Question

在Outlook HTM电子邮件中，其他类将被忽略。

在此示例中，当我渲染并通过电子邮件发送以下html时。结果标记如下。

最终声明与右对齐。 Class2 RgtTx

.RgtTx {
  text-align: right !important;
}

<td class="RgtTx"></td>
<td class="RgtTx Class2"></td>
<td class="Class2 RgtTx"></td>

我不确定，但是希望它不会隔离到Outlook中。

在不更改html的情况下，是否使用css 对此进行了工作或修复？？

这不是重复的问题

我不想知道如何在电子邮件中对齐文本。
我想知道为什么其他类在电子邮件中不起作用以及如何处理。

Answer 1

通常，电子邮件需要内联样式-否则它将很少使用（请检查here以获取客户支持）。尝试使用https://inliner.cm/之类的CSS内联代码。它需要这样：

<style>
  .RgtTx {
  text-align: right !important;
}
</style>
<td class="RgtTx"></td>
<td class="RgtTx Class2"></td>
<td class="Class2 RgtTx"></td>

并将其转换为：

<style>
  .RgtTx {
  text-align: right !important;
}
</style>
<td class="RgtTx" style="text-align:right !important;" ></td>
<td class="RgtTx Class2" style="text-align:right !important;" ></td>
<td class="Class2 RgtTx" style="text-align:right !important;" ></td>

应该起作用。

Answer 2

Outlook会忽略带有!important的标签。

Outlook会忽略@media个查询。因此，您可以做的一件事就是在查询中放置值以影响其他电子邮件客户端。

您还可以创建特定于Outlook的样式表以影响Outlook 2007-2016桌面，而不会干扰现代电子邮件客户端：

<!--[if (gte mso 9)|(IE)]>
<style type="text/css">
  body {font-family: Arial, sans-serif !important; font-size: 14px;}
</style>
<![endif]-->

本文介绍了Outlook的其他缺点：

https://litmus.com/community/learning/8-outlook-overview

由于您不愿意使用嵌入式样式，因此您将受到影响Outlook的限制。例如，如果要调整图像的大小，Outlook将忽略头部样式值的大小，并以实际大小显示图像。

祝你好运。

在电子邮件标记中使用其他CSS类

这不是重复的问题

2 个答案: