HTML5中align属性已废弃，必须用CSS的text-align控制单元格内文字水平对齐；整表居中需用margin: 0 auto作用于table元素，而非align属性。
用 text-align 控制单元格内文字左右对齐
直接在 td 或 th 上写 align="right" 看似快，但 HTML5 已废弃该属性，W3C 验证器报错，Firefox 新版会忽略，Chrome 行为也不稳定。唯一可靠方式是 CSS 的 text-align。
常见做法有三种：
Wechat Article Html
下载
将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。
- 单个单元格：加内联样式
<td style="text-align: right">¥24,999.00</td>（适合临时调试或少量特殊单元格） - 整列统一：用
col元素配合类名，例如<col class="amount">+.amount { text-align: right; }（语义清晰、易维护） - 按内容类型分类：给金额列加
class="numeric"，再写.numeric { text-align: right; font-family: monospace; }（右对齐+等宽字体，防小数点错位）
text-align 只影响行内内容（文字、span），对 img 或 div（除非设了 display: inline）无效；若单元格里用了 display: flex，text-align 完全不生效。
为什么不能用 table align="center" 控制内容对齐
<table align="center"> 的 <code>align 属性不是控制表格里文字怎么排，而是让整个 table 在页面中左浮、右浮或居中——它作用对象是表格自身，和单元格内容无关。
立即学习“前端免费学习笔记（深入）”；
容易混淆的点：
<table align="right"> → 表格右浮动，可能脱离文档流，右侧文字绕排 <li><code><td align="right"> → 旧写法，HTML5 废弃，现代浏览器不保证渲染一致 <li><code><tr align="right"> → 同样废弃，且不同浏览器解析优先级不同，和 CSS 冲突时结果不可控 <p>真要让表格居中显示，该用 <code>margin: 0 auto：<table style="margin: 0 auto;">。这是唯一被所有现代浏览器一致支持的方式。 <h3>右对齐数字时，别漏掉字体和小数点对齐</h3> <p>纯靠 <code>text-align: right对齐数字，小数点常会错位，尤其混用不同位数（如123.45和9999.00）。根本原因是默认字体非等宽，字符宽度不一。解决方法很简单：
- 加
font-family: monospace或font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace - 或者更稳妥：用
tabular-nums字体特性（需字体支持）：font-variant-numeric: tabular-nums; - 避免用
text-align: right+ 普通无衬线字体（如Helvetica、system-ui）组合处理金额列
这个细节在财务、报表类项目里几乎必踩，上线后才发现小数点歪斜，返工成本远高于一开始加一行 CSS。
多表格并排时，
text-align不会跨表生效如果页面上有两个表格并排（比如左右各一个），有人会误以为给父容器设
text-align: center就能让两个表格都居中，其实不然。关键点：
-
text-align对table元素本身无效（table是块级元素，不是行内内容） - 要让两个表格并排，得用
display: inline-block+vertical-align: top - 要让它们整体居中，必须给父容器设
text-align: center—— 这时起作用的是父容器对“行内级元素”的对齐逻辑，不是对表格内容 - 同时记得控制宽度（如
width: 48%）并处理空格间隙（font-size: 0或删换行）
这里最容易卡住的是：写了
text-align: center却发现表格没动，其实是忘了把table变成可被text-align影响的显示类型。- 加
