1

Я пытаюсь создать собственный стиль кода в Outlook (с темным фоном). У меня это почти так, как я хочу, за исключением того, что я хотел бы, чтобы некоторые отступы вокруг текста, если это возможно.

Я не вижу фактического параметра Padding, но, добавив рамку, я подумал, что смогу добиться того же эффекта:

Однако, когда я отправляю электронное письмо, оно выглядит для людей, получающих его (и в моих отправленных материалах):

Кто-нибудь знает, почему это происходит, и если есть способ, которым я могу решить это либо с помощью границы, либо с помощью другой техники (было бы неплохо заполнить)?

Спасибо

1 ответ1

1

От Почему мои поля не работают в Outlook.com? :

Outlook.com больше не поддерживает следующие свойства CSS: margin, margin-top, margin-right, margin-bottom, margin-left.

Замена полей отступами для тегов абзаца хорошо работает в Outlook.com, но клиенты Microsoft для настольных компьютеров не очень хорошо себя чувствуют: Outlook 2007/2010/2013 не поддерживает заполнение элементов уровня блока.

Поэтому поля в настольной версии работают, а отступы - нет. И в Outlook.com заполнение работает, но не поля. Таким образом, решение по марже или заполнению возможно только в том случае, если вы и ваши получатели используете только один из вариантов Outlook.

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

Используйте <TD> и поменяйте поля для заполнения

Помещение каждого блока текста или изображения в собственную ячейку <td> вместе со встроенным CSS-заполнением обеспечивает наилучшие результаты для основных почтовых клиентов. Хотя пуристы веб-разработки по праву не решаются запятнать свои электронные письма несемантической разметкой, этот метод хорошо работал для нас на протяжении многих лет. И хотя padding не работает так же, как margin, он выполняет свою работу. Просто будьте особенно осторожны при использовании границ, так как вам нужно поиграться с таблицами вложенности, чтобы получить желаемый эффект, полагаясь исключительно на отступы.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками .