仅来自CSS的Outlook样式br标签高度

问题描述 投票:0回答:2

有没有一种样式可以使其在前景内达到高度?

提供的原始HTML已锁定在模板中,但是仍可以修改CSS。

以下代码在多个客户端中得到尊重,但毫不奇怪,在Windows的Outlook中不这样:

br{
    display: block;
    height: 1em;
    content: '';
}
html css outlook html-email
2个回答
0
投票

就像Zak提到的那样,使用td将高度添加到电子邮件的不同部分。

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

这将确保表格单元格的高度在所有不同的设备上都相同。使用zwnj是因为如果您有电子邮件编辑器,有时会为空白单元格添加nbsp。因此,如果您有zwnj,它将不会添加任何内容,并且间距将始终正确。


0
投票

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做任何事情。

© www.soinside.com 2019 - 2024. All rights reserved.