小行高在 MS Outlook 中渲染不正确
经过一些研究，我发现 MS Outlook 不会在 HTML 电子邮件中呈现小于 16 像素的行高。
这是一个问题，因为我确实需要它小一些。
有谁知道这个问题的修复方法吗？
From doing a little research I've found that MS Outlook will not render line-height in an HTML email at anything less than 16px.
This is a bit of a problem as I really need it a fair amount smaller.
Does anyone know of a fix for this??
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
您使用什么代码？它会低于 16px，但前提是字体大小为 14px 或更小。另外，请确保您在父 TD 上设置行高 - 即在最近的块级元素上，而不是内联元素上。
What code are you using? It will go lower than 16px, but only if the font-size is 14px or smaller. Also, make sure you are setting the line-height on the parent TD - i.e. on the closest block-level element, rather than an inline element.
确保内边距和边距为 0，所有内联内容（尤其是图像！）上都有“display:block”，并将行高设置为您期望的高度。
Outlook<2007使用IE作为渲染引擎，2010使用WORD。
是的，这很蹩脚。
make sure you have 0 padding and margins, have "display:block" on everything inline (esp. images!) and set line-height to the height you expect.
Outlook <2007 uses IE as a rendering engine, 2010 uses WORD.
Yes, it's very lame.
此 CSS 可能会解决此问题，但它仅适用于块元素（p、div 等）：
如果您尝试创建垂直间距，请使用
line-height和font-size强制设置高度：Outlook.com (Hotmail) 将使用他们的 CSS 覆盖您的
line-heightCSS，因此您需要在他们修改后使用它来“重置”您的 CSS it：Outlook.com 继续： 然后，如果您有任何具有
line-height:0的元素，您将需要给它们一个 id 属性，然后专门重置这些属性：This CSS might fix the issue, but it will only work on block elements (p, div, ..etc):
If you are trying to create vertical spacing, use the
line-heightandfont-sizeto enforce a height:Outlook.com (Hotmail) will override your
line-heightCSS with theirs, so you need to use this to "reset" your CSS after they modify it:Outlook.com continued: Then if you have any elements that had
line-height:0you will need to give them an id attribute, and then specifically reset those: