Высота тега br в стиле Outlook только от CSS

Question

Есть ли способ стилизовать
, чтобы придать ему высоту в пределах перспективы?

Оригинал HTML, предоставленный, заблокирован в шаблоне, однако, css все еще можно изменить.

Следующий код соблюдается на нескольких клиентах, но неудивительно, что он не в перспективе на windows:

br{
    display: block;
    height: 1em;
    content: '';
}

Answer 1

Механизм визуализации Outlook, похоже, меняет <br> на <p class=MsoNormal><span lang=EN>&nbsp;</span></p>

Таргетинг, который тоже не работает, как, например, в:

<!--[if mso]>
    <style type="text/css">
   p.MsoNormal {
        height:200px;
        background-color:#ff0000;
}
    </style>
<![endif]-->

Outlook либо изменяет вывод (например, фон к прозрачному), или игнорирует его (например, высота).

Таким образом, вы не можете ничего сделать, кроме CSS.

Answer 2

Как уже упоминал Зак, используйте td, чтобы добавить высоту к различным разделам моего письма.

<tr>
    <td height="30" style="height:30px; line-height:0px; font-size:0px;">&zwnj;</td>
</tr>

Это обеспечит одинаковую высоту ячейки таблицы на всех разных устройствах. zwnj используется, потому что если у вас есть редактор электронной почты, иногда он добавляет nbsp для пустых ячеек. Так что если у вас есть zwnj, это ничего не добавит, и интервал всегда будет правильным.