HTML邮件开发必须显式声明table的border="0"、cellpadding="0"、cellspacing="0"，宽度用width属性而非style，align/valign须作为标签属性使用，图片按钮需兼容写法，嵌套层级不宜超三层。

html-ppt-to-pdf

将使用 `

` 约定的 HTML 幻灯片转换为高保真、矢量文本 PDF（使用 Playwright + Chromium 原生 PDF 功能）。

下载

所有

必须显式声明 border cellpadding cellspacing

Outlook 桌面版（2016–2024）会把没写 border="0" 的 <table> 渲染出 1px 黑边，cellpadding="0" 和 cellspacing="0" 缺一不可——漏掉 cellspacing，单元格之间会出现不可控空白；漏掉 cellpadding，文字会紧贴边框。这不是“建议”，是 Outlook/Gmail/Yahoo 共同认的最低生存线。

• <table border="0" cellpadding="0" cellspacing="0"> 必须每层都写，不能只在外层加
• 别用 style="border: none" 替代 border="0"，Outlook 完全不识别
• 哪怕只是用来占位的空 <td>，也要套在带这些属性的 <table> 里

宽度必须用 width="600" 而非 style="width: 600px"

Outlook 2013/2016 直接忽略 style="width: 600px"，Gmail 则可能把内联 width 当作无效属性丢弃。真正能稳住主容器宽度的，只有 HTML 属性 width="600"。

• 外层用 <table width="100%"> 提供居中上下文
• 中层用 <table width="600"> 锁死主体宽度，别信 max-width —— Outlook 不解析
• 左右栏布局时，两个并列 <td> 各设 width="300"，比嵌套 <table> 更稳（Yahoo 邮箱对嵌套 <table> 容易撑宽整行）

align 和 valign 必须写在标签上，不能只靠 CSS

style="text-align: center" 在 Outlook 2010 中大概率失效；style="vertical-align: top" 在 Gmail 里会被重写。唯一跨客户端生效的方式，是把 align 和 valign 当作 HTML 属性直接写进 <td>。

• 居中文字：用 <td align="center">，不是 style="text-align: center"
• 顶部对齐：每个 <td> 都要加 valign="top"，否则 Outlook 默认垂直居中，导致上下留白失控
• 数据表格对齐：三列内容分别用 align="left" / align="center" / align="right"，比纯 CSS 可靠得多

图片、按钮、文字必须“寄生”在已对齐的 <td> 里

它们不是独立元素，而是依赖父级 <td> 的 align 和 valign 才能准确定位。单独给图片加 style="display: block; margin: 0 auto"，在 Outlook 里照样跑偏。

立即学习“前端免费学习笔记（深入）”；

• 图片：同时写 width="200" height="40" 和 style="width: 200px; height: 40px; display: block"，缺一不可
• 按钮：禁用 <button>，改用 <table align="center"><tr><td bgcolor="#007bff" style="padding:12px 24px">点击确认</td></tr></table>
• 小字号文字（如 footer）：优先用 <font size="2">，比 style="font-size: 12px" 在旧版 Outlook 中更稳

嵌套层级超过三层，iOS Mail 和 Samsung Email 就容易静默错乱：文字换行偏移、valign 失效、整列横向漂移——它不报错，也不提示，只悄悄把你的排版吃掉一块。