html表格中align属性已完全废弃，必须用css替代：单元格内容水平对齐用text-align，整个表格在页面中居中用margin: 0 auto作用于table元素。
HTML 表格中 align 属性已废弃，别再用
直接说结论：align 是 HTML 4 时代的属性，在 HTML5 中**完全被废弃**，浏览器虽大多仍兼容，但 W3C 不保证未来支持，且在严格模式（如 ）下属于无效标记。验证工具会报错，部分无障碍阅读器也可能忽略它。
常见错误现象：写 <td align="center">文本</td> 在本地看似生效，但上线后被 CSS 覆盖、或在某些移动端 WebView 中失效。
替代方案只有现代 CSS —— 这不是“推荐”，而是必须。
text-align: center 是控制单元格内文字水平居中的唯一可靠方式
它作用于单元格内容（文本、行内元素、图片等），不影响单元格自身在表格中的位置。
实操建议：
- 对单个单元格：加内联样式
<td style="text-align: center;">内容</td> - 对整列：用
<col>配合类名，例如<col class="center-col">，再写 CSS.center-col { text-align: center; } - 对整张表：直接给
<table> 或 <code><tbody> 设 <code>text-align: center，但注意这会影响所有子单元格，需配合更细粒度选择器覆盖例外项 - 避免用
!important强行覆盖 —— 很可能掩盖了 CSS 层叠逻辑问题，比如父级设置了text-align: left且未被正确继承 - 单元格内嵌套
<div> 或 <code><p></p>后，只设text-align: center到<td>，结果文字居中了，但 <code><div> 还是贴左 <li>图片默认是行内元素，所以 <code>text-align: center能让它居中；但加了display: block后就失效了，得额外处理 - 使用 Flexbox 替代时（如给
<td> 设 <code>display: flex; justify-content: center;），要小心破坏表格语义和可访问性，尤其当单元格需换行或自适应高度时最稳妥的做法，始终把居中意图拆清楚：内容居中 →
text-align；容器居中 →margin或flex；块级子元素居中 → 子元素自己控制。
为什么 margin: 0 auto 对 <td> 无效？
<p><code><td> 默认是 <code>display: table-cell，而 margin 在该显示类型下**完全不起作用**（W3C 规范明确禁止）。试图给单元格设 margin: 0 auto 来“居中”是徒劳的。
如果你真想让整个表格在页面中水平居中，该操作对象是 <table> 元素本身：
<pre class="brush:php;toolbar:false;"></pre>
<table style="margin: 0 auto;"><tr><td>内容</td></tr></table>
<p>前提是 <code><table> 没有设置 <code>width: 100% 或其他撑满父容器的规则 —— 否则 margin: 0 auto 失效。
复杂点常被忽略：内联元素 vs 块级元素在 text-align 下的行为差异
text-align: center 只对“行内内容”起作用。如果单元格里放了一个 <div>（默认 <code>display: block），它不会被居中，只会左对齐（除非该 <div> 自己设了 <code>margin: 0 auto 且有明确宽度）。
容易踩的坑：
