некорректное отображение высоты строк в MS Outlook

Question

Проведя небольшое исследование, я обнаружил, что MS Outlook не будет отображать высоту строки в электронном письме в формате HTML со скоростью менее 16 пикселей.

Это небольшая проблема, потому что она мне действительно нужна.

Кто-нибудь знает, как исправить это ??

Answer 1

убедитесь, что у вас есть 0 отступов и полей, «display: block» для всего встроенного (особенно изображения!) И установите высоту строки равной ожидаемой вами высоте.

Outlook <2007 использует IE в качестве механизма рендеринга, 2010 использует WORD. </p>

Да, это очень отстой.

Answer 2

Какой код вы используете?Он будет меньше 16px, но только если размер шрифта составляет 14px или меньше.Кроме того, убедитесь, что вы устанавливаете высоту строки для родительского TD, то есть для ближайшего элемента уровня блока, а не для встроенного элемента.

Answer 3

Этот CSS может решить проблему, но он будет работать только с элементами блока (p, div, ..etc):

mso-line-height-rule:exactly; line-height:10px;

Если вы пытаетесь создать вертикальный интервал, используйте line-height и font-size, чтобы установить высоту:

line-height:5px;font-size:5px;height:5px;

Outlook.com (Hotmail) переопределит ваш line-height CSS с их CSS, поэтому вам нужно использовать это для «сброса» вашего CSS после того, как они его изменят:

.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font,
  .ExternalClass td, .ExternalClass div {line-height: 100% !important;}

Outlook.com продолжение: Тогда, если у вас есть какие-либо элементы с line-height:0, вам нужно будет дать им атрибут id, а затем специально сбросить их:

.ExternalClass #elementWithNoLineHeight { line-height:0 !important; }