Центр div в Microsoft Outlook

Я использовал <div style="width: 742px; margin: 0px auto; "> для центровки контейнера div.

В браузере это работает, но когда я открываю его в Microsoft Outlook, он не находится в центре.

Я также использовал !important в margin, потому что я думал, что он имеет приоритет над CSS.

Как центрировать div в браузере и электронной почте?

Ответы

Ответ 1

<div align="center">

your code 

</div>

Только для Outlook

Ответ 2

Для отправки по электронной почте в общем случае лучше использовать атрибуты html и устаревшие теги вместо их эквивалентов CSS, потому что некоторые системы обмена сообщениями игнорируют встроенные стили.

Например, вместо:

<div style="width: 742px; margin: 0px auto; ">...

Вы можете использовать:

<body align="center"><table align="center" width="742">...

или

<div align="center">...

Пример 2 вместо:

<p style="font-family: Arial, Helvetica, Tahoma, sans-serif;">My text</p>

Вы можете сделать:

<font face="Arial" size="4">My text</font>

Ответ 3

Хороший рефлекс должен идти в официальной сети документации Microsoft: http://msdn.microsoft.com/en-us/library/aa338201.aspx

Здесь вы можете увидеть, что лучший способ - использовать... другое, чем элемент div.

Используйте таблицу, она позволяет максимально контролировать css.