我正在尝试在Outlook 2016中创建电子邮件签名,该html可以在浏览器中正常显示。但是Outlook在某些元素之间增加了间距,从而破坏了手机的样式。我认为这与电子邮件地址,电话号码或街道地址有关。
<style type="text/css">
table {border-collapse: collapse;}
</style>
<table border="0" width="600" cellspacing="0" cellpadding="0">
<tr>
<td>
<table align="left" width="198" border="0" cellpadding="0"cellspacing="0" style="border:1px solid #00CC99">
<tr>
<td bgcolor="#00CC99"><p style="mso-table-lspace:0;mso-tablerspace:0;">Content in 1</p></td>
</tr>
<tr>
<td bgcolor="#00CC99">redted@gmail.com</td>
</tr>
</table>
<table align="left" width="198" border="0" cellpadding="0"cellspacing="0" style="border:1px solid #33FFFF">
<tr>
<td bgcolor="#33FFFF"><p style="mso-table-lspace:0;mso-tablerspace:0;">Content in 2</p></td>
</tr>
<tr>
<td bgcolor="#33FFFF">42 Third Street, Beaver Pa</td>
</tr>
</table>
<table align="left" width="198" border="0" cellpadding="0"cellspacing="0" style="border:1px solid #993366">
<tr>
<td bgcolor="#993366"><p style="mso-table-lspace:0;mso-tablerspace:0;">Content in 3</p></td>
</tr>
<tr>
<td bgcolor="#993366">000 000 0000</td>
</tr>
</table>
</td>
</tr>
</table>