Windows上的Microsoft Outlook向我的H4添加填充

Question

看一下下图：

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

尽管如此，Microsoft Outlook（仅限Windows）很高兴地忽略了我，并在元素下添加了所有额外的空间。我已经就如何解决这个问题提出了想法。

如何修复此标题元素的高度，使其仅为文本的高度？

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>