如何在电子邮件模板中旋转 div 内容

Question

在电子邮件模板中，我想按90deg 旋转 div 内容。

我尝试了属性transform: rotate(90deg)，但它在电子邮件模板中不起作用。我知道transform property 不支持电子邮件模板。

是否有其他方法或技巧来旋转电子邮件模板中的内容？

编辑：我想在 div 内容下方旋转：

...
<td>
   <div><p>Some content <br> Some content</p></div>
</td>
...

Answer 1

不幸的是，正如您所说，支持 CSS transform is not good in email clients。

如果设计适合文本在某些电子邮件客户端而不是其他电子邮件客户端中旋转，请在 <div> 或 <p> 上使用 CSS transform。它干净且易于使用实时文本。

如果文本需要到处旋转，最好的办法是将文本变成图像。不是理想的或可扩展的，但它在任何地方都是可靠的。如果文本有很多实例或版本，您可以使用Nifty Images 之类的工具。