Microsoft Outlookが

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

ます。また、0にH4の行の高さをリセットするためにルールを追加することができます。

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>