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

Question

Я разрабатываю небольшое приложение, которое может отправлять по электронной почте один из 6 шаблонов дизайна с общим содержимым.

Каков наилучший (наиболее последовательный) способ сохранить пространство и расположение текста (между строками и т. Д.)

Мы думали об использовании простого <br>, но мы могли потерять некоторую гибкость по сравнению с чем-то другим. Это макет на основе таблицы

Приветствия

Answer 1

Сделайте себе одолжение и найдите время, чтобы прочитать статью 7 советов по поводу полей и HTML-заполнителей в электронных письмах из электронной почты на Acid.

Это очень поможет! И я серьезно ...

Answer 2

Вы должны использовать встроенные стили в разметке электронной почты.

Вот пример того, как последовательно разделять абзацы в вашей электронной почте

<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p>
<p style="margin:0 0 15px 0;padding:0;line-height:value;font-size:value">Insert Paragraph information here</p>

Answer 3

Yahoo (и, возможно, другие почтовые клиенты) интерпретируют <p> иначе, чем большинство других - трудно заставить <p> выглядеть правильно в Yahoo, не делая его неправильным во всех остальных.По моему опыту, вы получите больший контроль над интервалом / форматированием, используя <br /> вместе с высотой строки и, конечно, размером шрифта.Вы можете присвоить тегу <br /> встроенный стиль line-height для более точной настройки интервала.

Однако:

• Outlook 2007/2010 имеет тенденцию кигнорируйте свойство line-height.
• Стили margin используются и / или по-разному игнорируются всеми почтовыми клиентами.Использование padding вместо margin, когда это возможно, немного более надежно.

Наилучшее управление пространством и разметкой, доступное в HTML для электронной почты (которое ограничено макетами на основе таблиц и встроеннымистили, как вы знаете) состоит в том, чтобы разделить строки / абзацы текста на разные ячейки / строки таблицы и управлять интервалом с помощью width & height элементов <td>.С этим методом вы почти всегда получите style="border:0; margin:0; padding:0;"

Answer 4

Лучший способ сегодня - это использовать элемент p для каждой строки и стиля с CSS.

И вам следует рассмотреть возможность замены большей части табличного макета на div s и стили CSS (за исключениемгде вам нужны горизонтальные элементы одинаковой высоты, очевидно).

Мой ответ был бы лучше, если бы вы сформулировали конкретную проблему, например: «Как я могу добиться этого <insert image here> с помощью HTML?»