2013-03-28 4 views
2

Я нахожусь в ситуации, когда мне нужно, чтобы установить какой-нибудь текст в вертикальном порядке в теле письма, как этотПоворот текста по вертикали в Email

enter image description here

используя следующий CSS я могу установить текст по вертикали в HTML, но не способный устанавливать такой же в теле электронной почты GMAIL.

код из моего Gmail Body:

<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> 
+0

Можете ли вы показать нам полный текст с вертикальным текстом из тела электронной почты? –

+0

newsletter 1

+0

Является ли Gmail единственным почтовым клиентом, который вам нужен для поддержки? Если вам удастся добиться этой работы с Gmail, я могу представить, что другие почтовые клиенты (такие как Outlook) будут иметь проблемы с этим. – MrWhite

ответ

1

Gmail оленья кожа поддерживает тег стиля в теле. Вы использовали тег стиля в разделе тела?

+0

На самом деле он делает, но отфильтровывает большинство селекторов и некоторых, если вы не начинаете их с *. То же самое касается атрибутов - некоторые из них удаляются. – mateusza

3

Вы можете использовать встроенный CSS с Gmail. попробуйте style="" на ваших элементах

Редактировать: И, конечно же, вы не можете использовать все атрибуты CSS в Gmail. Вот list, которые могут быть полезны.

+0

да я сделал то же самое, использовал стиль = "" ...., вы можете видеть в комментарии выше ... –

+0

Отредактированный ответ, посмотрите –

+0

любой альтернативный вариант, который вы предлагаете? –

Смежные вопросы