Windows 上的 Microsoft Outlook 为我的 H4 添加了填充

Question

看看下图：

你看到的是一个突出显示的 <h4> 元素（如果有任何混淆，灰色不是背景颜色，是我突出显示文本）。它具有明确声明 padding-bottom: 0; 和 line-height: 18px; 的内联样式（与字体大小相同 - 不确定这是否适用于 Outlook，但我想我会试一试）。此外，HTML 已完全缩小（因此它不是由白色 space 或制表符引起的），并且已检查代码是否存在隐藏的换行符（有 none）。

尽管如此，Microsoft Outlook（仅在 Windows 上）愉快地忽略了我并在该元素下添加了所有额外的 space。关于如何解决此问题，我想不出点子。

如何固定此 header 元素的高度，使其仅为文本的高度？

Answer 1

我发现这些规则很有帮助：

 #outlook a{
        padding:0;
    }
    .ReadMsgBody{
        width:100%;
    }
    body{
        width:100% !important;
        min-width:100%;
        -webkit-text-size-adjust:100%;
        -ms-text-size-adjust:100%;
        -webkit-font-smoothing: antialiased;
    }
    v*{
        behavior:url(#default#VML);
        display:inline-block;
    }
    .ExternalClass{
        width:100%;
    }
    td{
        border-collapse: separate !important;
    }
    .ExternalClass,
    .ExternalClass p,
    .ExternalClass span,
    .ExternalClass font,
    .ExternalClass td,
    .ExternalClass div{
        line-height:100%;
    }

您还可以添加一条规则将 h4 行高重置为 0：

 h4{
    margin:0;
    padding:0;
    border:0;
    font-size:100%;
    line-height:100%;
 }

然后在行高中加回INLINE:

 <h4 style: font-size: 24px; color: #000000; line-height: 1.8em;">This is an h4 headline</h4>

Windows 上的 Microsoft Outlook 为我的 H4 添加了填充

Microsoft Outlook on Windows Adds Padding to my H4

html

css

outlook

html-email