Outlook制作的HTML邮件签名在Gmail中出现多余行距问题求助

针对你遇到的Gmail将<br>拆分生成独立<p>标签导致多余空白的问题，以下是几个经过验证的可行方案：

方案1：用<div>替代<p>标签 #

Gmail对<p>标签有默认的上下边距样式，且难以通过普通样式覆盖，换成<div>标签可以避免这个问题，同时保持内联样式的兼容性：

<td style="width: 72pt; height:30pt; padding-right: 4pt; color: #696e77; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; line-height: 1.16; letter-spacing: 0.2pt; vertical-align: top; text-align: left;">
    <div style="margin: 0; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; color: #696e77; line-height: 1.16;">
        Company&nbsp;Name<br>
        ul.&nbsp;Address&nbsp;123<br>
        12-123&nbsp;City<br>
        Country
    </div>
</td>

注意：确保<div>的line-height和父<td>保持一致，避免行高差异。

方案2：强制覆盖Gmail的<p>默认样式 #

如果必须保留<p>标签，需要同时使用内联样式和内嵌样式双重覆盖，因为Gmail会过滤部分内嵌样式，内联样式优先级更高：

<style type="text/css">
    p { margin: 0 !important; padding: 0 !important; line-height: 1.16 !important; }
</style>
<td style="width: 72pt; height:30pt; padding-right: 4pt; color: #696e77; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; line-height: 1.16; letter-spacing: 0.2pt; vertical-align: top; text-align: left;">
    <p style="margin: 0 !important; padding: 0 !important; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; color: #696e77; line-height: 1.16;">
        Company&nbsp;Name<br>
        ul.&nbsp;Address&nbsp;123<br>
        12-123&nbsp;City<br>
        Country
    </p>
</td>

这里直接针对所有<p>标签设置样式，比.MsoNormal更有效，因为Gmail生成的<p>不会带这个类名。

方案3：使用表格嵌套（最兼容的方案） #

邮件客户端对表格的兼容性最好，把每一行放在单独的<tr>和<td>中，完全避免<br>和<p>的样式冲突问题：

<td style="width: 72pt; height:30pt; padding-right: 4pt; vertical-align: top; text-align: left;">
    <table cellpadding="0" cellspacing="0" border="0">
        <tr>
            <td style="color: #696e77; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; line-height: 1.16; letter-spacing: 0.2pt; padding: 0;">Company&nbsp;Name</td>
        </tr>
        <tr>
            <td style="color: #696e77; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; line-height: 1.16; letter-spacing: 0.2pt; padding: 0;">ul.&nbsp;Address&nbsp;123</td>
        </tr>
        <tr>
            <td style="color: #696e77; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; line-height: 1.16; letter-spacing: 0.2pt; padding: 0;">12-123&nbsp;City</td>
        </tr>
        <tr>
            <td style="color: #696e77; font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; line-height: 1.16; letter-spacing: 0.2pt; padding: 0;">Country</td>
        </tr>
    </table>
</td>

这个方案同时兼容Outlook和Gmail，完全不会出现行间距异常的问题。

内容的提问来源于stack exchange，提问作者mil0s2