Reduzieren Sie den Abstand zwischen tr-Elementen in Outlook

Question

Ich habe eine E-Mail-Vorlage, die gut in den meisten E-Mail-Clients angezeigt wird, außer dass die Tabellen schlecht in Outlook rendert. Es gibt zu viel Abstand zwischen den "tr" -Elementen der Tabelle in Outlook Desktop 2016. Wie kann ich das beheben? Beigefügt ist ein Bild von dem, wie es auf Outlook Desktop 2016 aussieht (d. H. Das Problem) und wie es in Outlook-Web aussieht (wie ich es aussehen soll).

Der Code gesamte Quelle kann nicht so in Stackoverflow angezeigt Ich habe einen Dropbox-Link zu dem HTML geteilt. https://www.dropbox.com/s/58i9scmnnmrqsix/EmailTemplate.zip?dl=0

Vielen Dank.

Answer 1

Entfernen Sie die Schriftgröße für die farbigen Kästchen und fügen Sie die Kästchen als Tabelle mit Zellen unterschiedlicher Farbe und einer bestimmten Höhe hinzu. Sie können padding und align verwenden, um die Tabellen in der übergeordneten Zelle zu zentrieren.

ODER

können Sie die Zelle eine line-height geben

<td style="font-size: 35px" align="right"> 
<span style="color:#275100; font-size:35px; padding-right:40px; line-height: 15px;"> 
&#9632;</span> 
</td> 

Prost