Как заставить MS Outlook принять стиль отображения CSS: block?

Я пишу HTML электронной почты с использованием услуги (эл. адрес). Способ, которым MailChimp помечает заголовки, - использовать SPAN tag и дает тегу встроенный стиль display:block.

MS Outlook 2010 игнорирует этот стиль. Я не могу найти никакой работы. Таким образом, заголовки обертываются, нарушая отображение нужной страницы.

Да, я знаю, что Outlook использует MS Word для отображения HTML.

предположим, что я не могу вмешаться и вручную отредактировать разметка.

как заставить MS Outlook принять стиль CSS display:block и вывода SPAN тег как элемент уровня блока?

18
css outlook outlook-2010

3 ответов

CSS display атрибут не поддерживается в этой версии MS Outlook.

здесь "Книга" о том, что вы можете и не можете использовать:

campaignmonitor.com/css/

в основном, если вы не можете изменить свою отметку на изначально-блок, вы застряли.

23

лучше всего сделать это по старинке, к сожалению. =[ Использовать таблицы над таблицами. Итак, таблицы=блоки.

1

Я оказался в такой ситуации: необходимо создать стили заголовков, которые отображаются правильно в outlook без возможности редактирования HTML, потому что я передаю шаблон клиенту.

Я думаю, вы уже решили это, но для всех, кто потратил несколько часов, пытаясь ответить на этот вопрос и натыкается на эту тему, вот как я это исправил:

  1. удалить MailChimp по умолчанию H1, H2, так далее.

  2. создайте свои собственные стили заголовков (я назвал их заголовком, подзаголовком и т. д. просто чтобы избежать путаницы)

  3. использовать новые стили заголовков, как вы хотите. Новые заголовки отображаются в виде блоков.

Я не совсем уверен, что происходит под капотом, поскольку я не могу проверить в Outlook, но я предполагаю, что, не используя стили по умолчанию, Mailchimp обертывает текст заголовка в divs вместо spans.

1