HTML электронное письмо выровнять текст - PullRequest
Новая
       5

HTML электронное письмо выровнять текст

17 голосов
/ 03 апреля 2012

Я пытаюсь выровнять часть текста справа и другую часть слева в письме HTML, но в Outlook float не работает.Поэтому в основном я ищу float CSS в Outlook.Я знаю, это звучит довольно жутко и text-align или align="" не сработало.Какие-либо предложения?

<td>
   <span style="text-align:left; float:left;">
       First part
   </span>
   <span style="text-align:right; float:right;">
       Second part
   </span>
</td>

Ответы [ 3 ]

35 голосов
/ 03 апреля 2012

Честно говоря, если вы пишете HTML, я бы придерживался таблиц. Не все CSS-селекторы доступны во всех почтовых клиентах, и вы сведете с ума, пытаясь сделать это любым другим способом. Письма в формате HTML похожи на Интернет 5 лет назад.

Есть несколько хороших документов на эту тему:

http://www.campaignmonitor.com/css/

http://www.emailology.org/

Для вашего примера: 

<td>
   <table cellpadding="0" cellspacing="0" width="100%">
       <tr>
           <td align="left">First part</td>
           <td align="right">Second part</td>
       </tr>
   </table>
</td>

Это ужасно, но, к сожалению, это все же лучший способ.

5 голосов
/ 03 апреля 2012

Использовать ( shudder ) таблицы макетов.

Поддержка Outlook для стилизации электронной почты настолько ужасна, что другого пути нет.

Существует статья 24 способов с некоторыми общими советами по написанию электронной почты в формате HTML.

1 голос
/ 20 марта 2018 
<p align="right">My right content</p>

Нужно сделать то же самое, что и HTML1.

...