在电子邮件中垂直旋转 TEXT答案

【问题标题】：Rotate TEXT vertically in Email在电子邮件中垂直旋转 TEXT
【发布时间】：2013-03-18 21:06:02
【问题描述】：

我需要在电子邮件正文中按垂直顺序设置一些文本，像这样

使用以下 css 我可以在 HTML 中垂直设置文本，但不能在 GMAIL 电子邮件正文中设置相同的文本。

来自我的 Gmail 正文的代码：

<div style=" width:50px; float:left; position:relative;padding-top:80px;transform: rotate(-90deg); -ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -o-transform: rotate(-90deg);"> 
    <h1 id="Header" style="direction: rtl;font-family: Arial, Helvetica, sans-serif; font-size: 24px; font-weight: normal; color: #434242; white-space: nowrap; position:relative; height:auto; "> newsletter 1 </h1> 
</div>

【问题讨论】：

您能向我们展示电子邮件正文中的完整垂直文本代码吗？
时事通讯 1
Gmail 是您唯一需要支持的电子邮件客户端吗？如果您设法使此功能与 Gmail 一起使用，我可以想象其他电子邮件客户端（例如 Outlook）会遇到此问题。
不，需要在所有电子邮件客户端中获取它..

标签： html html-email

【解决方案1】：

您只能在 Gmail 中使用内联 CSS。在你的元素上尝试style=""

编辑：当然，您不能在 Gmail 中使用所有 CSS 属性。这是一个可能有用的list。

【讨论】：

编辑答案，看看
你有什么替代方案吗？
并非如此。请记住，时事通讯设计与网站设计非常不同。您需要忽略所有常用标准，您需要使用表格、内联样式、img 标签等（来自stackoverflow.com/a/8015670/655316）

【解决方案2】：

gmail 不支持 body 中的 style 标签。你在正文部分使用过样式标签吗？

【讨论】：

实际上它会过滤掉大部分选择器和一些选择器，除非你以 * 开头。属性也是如此——其中一些被删除了。

时事通讯 1