HTML邮件需用<table>居中因Outlook等客户端CSS支持差，唯一可靠方案是<table align="center">配合固定像素宽度，三层嵌套结构最兼容。
为什么用 <table> 写 HTML 邮件
因为 Outlook（尤其是 Windows 版）对现代 CSS 支持极差，display: flex、margin: 0 auto、甚至 max-width 都可能失效。唯一能稳定居中内容的方案，是靠 <table> 的 align="center" 属性或嵌套结构配合固定宽度。
<table align="center"> 为什么有时不生效
常见原因是父容器没撑开宽度，或者被外层 <div> 或内联样式干扰。邮件客户端会忽略很多 CSS，但对 align 这类原生属性支持较好 —— 前提是它没被包裹在不支持的标签里。
- 必须直接写在最外层内容
<table>上，不要套<div> - 务必设置
width（推荐用像素值，如width="600"），百分比在 Outlook 中表现不稳定 - 避免在同个
<table>上同时写align="center"和style="margin: 0 auto"，后者大概率被忽略还可能干扰前者 - Gmail App（Android/iOS）会重写内联样式，所以
align比 CSS 更可靠
兼容性最强的居中结构怎么写
用三层 <table>：最外层定宽 + align="center"，中间层负责背景色/边框，内层放内容。这样既绕过 CSS 解析差异，又保留一定结构灵活性。
anything-to-html
下载
将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center">
<table width="600" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
<td bgcolor="#ffffff">
<!-- 正文内容放这里 -->
</td>
</tr>
</table>
</td>
</tr>
</table>- 最外层
<table width="100%">确保占满可用宽度，<td align="center">提供居中上下文 - 中间层
<table align="center">是实际居中的主力，width="600"是行业通用安全宽度（适配多数桌面端 Outlook） - 所有
<table>必须显式声明cellpadding="0" cellspacing="0" border="0"，否则 Outlook 会加默认间距
图片和按钮怎么跟着居中
它们不是独立元素，而是要放在已居中的 <td> 里。单独给图片加 align="center" 只对当前行生效，且在某些客户端（如 Apple Mail）反而导致错位。
立即学习“前端免费学习笔记（深入）”；
- 图片统一用
<img align="absmiddle">或包裹在<td align="center">中，别依赖 CSStext-align - 按钮必须用
<table>模拟（不能用<button>），并确保整个按钮表格也放在居中<td>内 - 文字居中用
<td align="center">，不是style="text-align:center"—— 后者在 Outlook 2007/2010 中常失效 - 如果用了背景图（
background-image），记得 fallback 色块也要写进bgcolor，否则在不支持背景图的客户端会露白
真正麻烦的不是写法本身，而是每改一行都要在 Outlook 2013、Apple Mail、Gmail Web/App 里点开验证 —— 很多“看起来没问题”的写法，在某个客户端里就是偏几像素，而且没法用 DevTools 调试。
