在电子邮件中垂直旋转TEXT

Ani*_*l D 5 html html-email

我处于一种需要在电子邮件正文中以垂直顺序设置一些文本的情况下,

在此处输入图片说明

使用以下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>
Run Code Online (Sandbox Code Playgroud)

Mos*_*rdy 4

您只能将内联 CSS 与 Gmail 结合使用。尝试style=""你的元素

编辑:当然,您不能在 Gmail 中使用所有 CSS 属性。这是一个可能有用的列表。

  • 并不真地。请记住,新闻通讯设计与网站设计非常不同。你需要忽略所有常见的标准,你需要使用表格,内联样式,img标签等(来自http://stackoverflow.com/a/8015670/655316) (3认同)