Outlook のアクティビティダイジェストメールの奇妙な形式

この問題は、サマリーメールのこのセクションを生成するマークアップにあります。これは Outlook 2019(Windows 10)のスクリーンショットです:

私はテストしたすべての Outlook のデスクトップ版(Outlook 2010〜Outlook 2019)でこの問題を確認しています。Litmus で利用可能なテストは Windows 10 で実行されます。これらの Outlook のバージョンに共通しているのは、すべて Microsoft Word を使用してメールをレンダリングしている点です。

Microsoft Word は、Discourse のマークアップに含まれる CSS の float ルールを処理できません。これが「いいね」数と「返信」数がアイコンの横に配置されず、アイコンの下に表示される原因となっています。垂直アライメントの問題は、レンダリングエンジンがメールの CSS を適用しようとしてマークアップに追加するいくつかの p 要素の結果です。Outlook はメールの CSS を再現しようとして p 要素にパディングを追加します。

私はこの問題に対する CSS の解決策を見つけるために時間を費やしましたが、それは不可能だと考えています。この問題を修正するには、そのセクションのメールのマークアップを変更し、CSS の代わりにテーブルを使用する必要があります。

「いいね!」 5