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

所有

必须显式声明 border cellpadding cellspacing

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

• <table border="0" cellpadding="0" cellspacing="0"> 必须每层都写，不能只在外层加 <li>别用 <code>style="border: none" 替代 border="0"，Outlook 完全不识别
• 哪怕只是用来占位的空 <td>，也要套在带这些属性的 <code><table> 里 <h3>宽度必须用 width="600" 而非 style="width: 600px"</h3> <p>Outlook 2013/2016 直接忽略 <code>style="width: 600px"，Gmail 则可能把内联 width 当作无效属性丢弃。真正能稳住主容器宽度的，只有 HTML 属性 width="600"。
  

  Doc To HTML

  使用 MinerU 文档处理引擎将 Word 文档（.doc、.docx）转换为保留结构和格式的干净 HTML。

  下载
  • 外层用 <table width="100%"> 提供居中上下文 <li>中层用 <code><table width="600"> 锁死主体宽度，别信 <code>max-width —— Outlook 不解析
  • 左右栏布局时，两个并列 <td> 各设 <code>width="300"，比嵌套 <table> 更稳（Yahoo 邮箱对嵌套 <code><table> 容易撑宽整行） <h3>align 和 valign 必须写在标签上，不能只靠 CSS</h3> <p><code>style="text-align: center" 在 Outlook 2010 中大概率失效；style="vertical-align: top" 在 Gmail 里会被重写。唯一跨客户端生效的方式，是把 align 和 valign 当作 HTML 属性直接写进 <td>。 <ul><li>居中文字：用 <code><td align="center">，不是 <code>style="text-align: center"
  • 顶部对齐：每个 <td> 都要加 <code>valign="top"，否则 Outlook 默认垂直居中，导致上下留白失控
  • 数据表格对齐：三列内容分别用 align="left" / align="center" / align="right"，比纯 CSS 可靠得多

  图片、按钮、文字必须“寄生”在已对齐的 <td> 里 <p>它们不是独立元素，而是依赖父级 <code><td> 的 <code>align 和 valign 才能准确定位。单独给图片加 style="display: block; margin: 0 auto"，在 Outlook 里照样跑偏。

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

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

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！