HTML выравнивание текста электронной почты

Я пытаюсь выровнять часть текста вправо, а другую часть влево в почте 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>

html email html-email
person user1299846    schedule 03.04.2012    source источник

Ответы (3)


arrow_upward
42
arrow_downward

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

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

https://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>

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

person SpaceBeers    schedule 03.04.2012

arrow_upward
6
arrow_downward

Используйте (содрогнуться) макетные таблицы.

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

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

person Quentin    schedule 03.04.2012
comment
То есть нет возможности выровнять одну часть вправо, а другую влево? - person user1299846; 03.04.2012
comment
Lotus Notes - худшее, что я нашел, но, похоже, оно почти вымерло, и это хорошо. Почему они используют Word в качестве механизма обработки Outlook, я понятия не имею. - person SpaceBeers; 03.04.2012
comment
@ user1299846 — Я не это сказал. - person Quentin; 03.04.2012
comment
не забудьте упомянуть, что многие пользователи просматривают только открытые тексты - person john Smith; 04.05.2017

arrow_upward
1
arrow_downward 

<p align="right">My right content</p>

Это должно сработать, поскольку это HTML1.

person Alice Girard    schedule 20.03.2018