多个css类无法正常工作

2023年12月18日 188次阅读

我正在将docx转换为html格式(使用apache poi)并将其作为电子邮件发送.

生成的html片段看起来像这样

<html>
<head>
	....
	<style>

		span.Normal{
			font-family: 'Arial';font-size: 9.0pt;
		}

		span.Title{
			font-family: 'Cambria';font-size: 28.0pt;color: #000000;
		}

		span.MySubtitle{
			font-family: 'Arial';font-size: 18.0pt;color: #000000;
		}

		span.MyTitle{
			font-family: 'Arial';font-size: 22.0pt;font-weight: bold;color: #000000;
		}

	...
	</style>
</head>
<body> 
....

	<p class="Normal Title MyTitle">
		<span id="_GoBack">
			<span class="Normal Title MyTitle">Welcome Message</span>
			<span class="Normal Title MyTitle"> </span>
			<span class="Normal Title MyTitle">Username</span>
		</p>
		<p class="Normal Title MySubtitle">
			<span class="Normal Title MySubtitle">Issues and Solutions</span>
		</p>

	...
</body>
</html>

Outlook客户端无法识别多个css类.它只渲染第一个css类“Normal”而忽略其余的.但我的原始格式(在docx中)出现在“MyTitle”& “MySubTitle”课程.

Outlook支持多个css吗？有没有办法控制多个css生成.

最佳答案 如前所述,您应首先检查您的HTML,使其更清洁.电子邮件很难在每个邮件客户端/服务器上正确完善.因此,如果您想要把事情做好,请查看网络上任何地方可用的所有免费和响应式模板.

经典而有效的邮件解决方案依赖于表格标签.

你可以找到一个good example here

此外,当涉及到在不同的邮件客户端上显示时,Outlook是最难的之一.像Litmus这样的工具允许您预览电子邮件的结果,但它非常昂贵.幸运的是,他们还提出了free responsive templates,你可以用它来获取灵感.

不要犹豫,发布您的电子邮件的改进版本,以便我们可以查看它并更有效地帮助您.

点赞