Gmail 会重置 HTML 签名中的段落样式，导致 <p> 和 <br> 渲染异常、行间距失控；本文提供一种稳定兼容 Gmail 的纯表格结构签名方案，并附可直接复用的代码模板与关键注意事项。
gmail 会重置 html 签名中的段落样式，导致 `
` 和 `
` 渲染异常、行间距失控；本文提供一种稳定兼容 gmail 的纯表格结构签名方案，并附可直接复用的代码模板与关键注意事项。
Gmail 对 HTML 邮件签名的解析机制与其他客户端（如 Outlook、Apple Mail）存在显著差异：它会主动剥离或重写 <p> 标签的默认 margin，强制注入自己的行高逻辑，且对 line-height、margin、padding 等 CSS 属性支持不一致（尤其是带单位如 pt 或小数值时）。即使使用 !important 或内联样式，也常被 Gmail 的 CSS 过滤器忽略或覆盖。
根本解决方案：弃用 <p> + <br> 结构，改用嵌套表格（table-based layout）实现精准垂直对齐。
Gmail 对 <table> 元素的渲染最为可靠，其单元格（<td>）天然支持 vertical-align、padding 和 line-height 的稳定继承，且不会插入额外空白。
✅ 推荐签名结构（兼容 Gmail / Outlook / iOS Mail）：
Outlook 侧边栏加载项，将您的 OpenClaw 智能体的全部能力带入 Microsoft Outlook。可针对任意邮件与智能体进行对话，调用您所有的工具……
<table cellspacing="0" cellpadding="0" border="0" style="font-family: 'Aeonik Pro', sans-serif; font-size: 7.5pt; color: #696e77;">
<tr>
<td style="padding-right: 4pt; width: 72pt; vertical-align: top;">
<!-- 每行内容独立为一个 <tr><td>，避免换行符和空格干扰 -->
<table cellspacing="0" cellpadding="0" border="0">
<tr><td style="line-height: 1.16; letter-spacing: 0.2pt;">Company Name</td></tr>
<tr><td style="line-height: 1.16; letter-spacing: 0.2pt;">ul. Address 123</td></tr>
<tr><td style="line-height: 1.16; letter-spacing: 0.2pt;">12-123 City</td></tr>
<tr><td style="line-height: 1.16; letter-spacing: 0.2pt;">Country</td></tr>
</table>
</td>
</tr>
</table>? 关键要点说明：
- ✅ 零 <p>、零 <br>：所有换行均由 <tr><td> 控制，完全规避 Gmail 的段落重置逻辑；
- ✅ 内联 line-height 绑定到每个 <td>：确保每行高度一致，不受父容器影响；
- ✅ 保留必要空格，避免字体连字或压缩；
- ✅ 外层 cellspacing="0" cellpadding="0" border="0" 消除表格默认间隙；
- ❌ 避免使用 style 标签或 <head> 内 CSS — Gmail 会过滤外部/嵌入样式；
- ❌ 不要依赖 margin（Gmail 忽略 margin-top/bottom）、height（易塌陷）或 horiz-align（无效属性）。
? 进阶提示：
若需适配深色模式，可添加 color: #696e77 !important;（Gmail 支持 !important 用于颜色）；如需响应式缩放，建议统一使用 px 单位（如 font-size: 10px），并测试移动端 Gmail App 渲染效果。
最终效果：在 Gmail 中严格呈现为紧凑单列文本（Company Name / Address / City / Country），无额外空行，同时保持 Outlook 中的原始排版一致性。
