Outlook中不会继承行高

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

仅在Outlook中,文本不会从嵌套了两个以上元素的任何父元素继承line-height属性。

例如,将行高应用于这些:

<div style="line-height:150%">
    Text
</div> 
<div style="line-height:150%">
    <td>
        Text
    </td>
</div>

但是如果样式在body标签上是内联样式,或者在文本所在的td之后是父样式,则不是这样>

我尝试了以下各项的组合:

  • 行高样式前后带有和不带有mso-line-height-rule: exactly;
  • 行高值以百分比和点表示(150%和1.5),我相信只有百分比可以在Outlook中使用,但无论如何我都尝试过这两种方法
  • 将样式放在不同的元素(td,tr,表,主体等)上,只有div似乎可以工作,如上例所示
  • 从所有元素中删除margin样式属性(我读到某个地方,边距可能会干扰Outlook处理样式,但没有骰子)
  • 这对我来说是一个问题,因为我在Salesforce中构建电子邮件,因此我希望能够将模板的行高设置为150%,因此我们无需为每个模板更改行高单独阻止创建的内容。

具有超特定Outlook开发知识的人是否知道修复程序或解决方法?还是只需要将行高应用于各个文本块以适应Outlook?

仅在Outlook中,文本不会从嵌套了两个以上元素的任何父元素继承line-height属性。例如,将行高应用于以下项:

]

只要简单,Outlook似乎就会在<head>中保留样式。

因此,这适用于所有电子邮件客户端以进行无限嵌套:

<style type="text/css">
  td {
    line-height:150%;
  }
</style>
html css email outlook html-email
1个回答
0
投票

只要简单,Outlook似乎就会在<head>中保留样式。

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