MS Outlook中的小线高度渲染不正确

Question

通过一些研究，我发现MS Outlook不会在HTML电子邮件中呈现低于16px的行高。

这是一个问题，因为我真的需要它相当小。

有没有人知道修复此问题？

Answer 1

您使用的代码是什么？它将低于16px，但仅限于字体大小为14px或更小。此外，请确保在父TD上设置行高 - 即在最近的块级元素上，而不是内联元素。

Answer 2

确保你有0填充和边距，在所有内联上都有“display：block”（特别是图片！），并将line-height设置为你期望的高度。

Outlook＆lt; 2007使用IE作为渲染引擎，2010使用WORD。

是的，非常蹩脚。

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; }