代码之家  ›  专栏  ›  技术社区  ›  Tom

MS Outlook中的小行高渲染不正确

  •  4
  • Tom  · 技术社区  · 14 年前

    这是一个小问题,因为我真的需要一个相当小的数额。

    3 回复  |  直到 14 年前
        1
  •  1
  •   Dan Blows    13 年前

    你在用什么代码?它将低于16px,但前提是字体大小为14px或更小。另外,请确保在父TD上设置行高,即在最近的块级元素上,而不是在内联元素上。

        2
  •  1
  •   Nate Johnson    13 年前

    确保你有0个填充和边距,在所有内联(特别是图像)上都有“display:block”并将线条高度设置为您期望的高度。

    Outlook<2007使用IE作为渲染引擎,2010使用WORD。

    是的,很蹩脚。

        3
  •  0
  •   Alex W    11 年前

    这个CSS可以解决这个问题,但它只对块元素(p、div等)起作用:

    mso-line-height-rule:exactly; line-height:10px;
    

    line-height font-size

    line-height:5px;font-size:5px;height:5px;
    

    线条高度

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