Как заставить MS Outlook принять стиль отображения CSS: block?
Я пишу HTML электронной почты с использованием услуги (эл. адрес). Способ, которым MailChimp помечает заголовки, - использовать SPAN
tag и дает тегу встроенный стиль display:block
.
MS Outlook 2010 игнорирует этот стиль. Я не могу найти никакой работы. Таким образом, заголовки обертываются, нарушая отображение нужной страницы.
Да, я знаю, что Outlook использует MS Word для отображения HTML.
предположим, что я не могу вмешаться и вручную отредактировать разметка.
как заставить MS Outlook принять стиль CSS display:block
и вывода SPAN
тег как элемент уровня блока?
3 ответов
CSS display
атрибут не поддерживается в этой версии MS Outlook.
здесь "Книга" о том, что вы можете и не можете использовать:
в основном, если вы не можете изменить свою отметку на изначально-блок, вы застряли.
лучше всего сделать это по старинке, к сожалению. =[ Использовать таблицы над таблицами. Итак, таблицы=блоки.
Я оказался в такой ситуации: необходимо создать стили заголовков, которые отображаются правильно в outlook без возможности редактирования HTML, потому что я передаю шаблон клиенту.
Я думаю, вы уже решили это, но для всех, кто потратил несколько часов, пытаясь ответить на этот вопрос и натыкается на эту тему, вот как я это исправил:
удалить MailChimp по умолчанию H1, H2, так далее.
создайте свои собственные стили заголовков (я назвал их заголовком, подзаголовком и т. д. просто чтобы избежать путаницы)
использовать новые стили заголовков, как вы хотите. Новые заголовки отображаются в виде блоков.
Я не совсем уверен, что происходит под капотом, поскольку я не могу проверить в Outlook, но я предполагаю, что, не используя стили по умолчанию, Mailchimp обертывает текст заголовка в divs вместо spans.