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

Question

Я пишу письмо в формате HTML с помощью службы (MailChimp).MailChimp помечает заголовки, используя тег SPAN и присваивая тегу встроенный стиль display:block.

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

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

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

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

Answer 1

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

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

campaignmonitor.com / CSS /

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

Answer 2

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

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

1. Удалить по умолчанию Mailchimp H1, H2 и т. Д.

2. Создайте свои собственные стили заголовков (я назвал их Header, Sub-Header и т. Д., Чтобы избежать путаницы)

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

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

Answer 3

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