align属性已被HTML5废弃，不可靠；应使用margin:0 auto（需设固定宽度）、text-align:center（配合display:inline-block）或flex布局实现表格居中。
align 属性不能可靠实现表格整体水平居中，它已被 HTML5 完全废弃，且在现代开发中不应使用。
你看到的 <table align="center"> 虽然在部分浏览器里“看起来有效”，但属于历史遗留行为，不是标准方案，上线后极易失效或被 CSS 覆盖。
align="center" 在 <table> 上为什么不可靠
- W3C 明确将
align从<table>中移除，验证器会报错 - 严格 DOCTYPE（如
<!DOCTYPE html>）下，该属性被忽略 - 移动端 WebView、无障碍阅读器、某些邮件客户端直接不支持
- 它不触发块级居中逻辑，而是依赖浏览器私有渲染补丁，行为不一致
替代方案：真正有效的表格整体居中方法
给
<table>元素设置固定宽度 +margin: 0 auto<table style="width: 600px; margin: 0 auto;">
✅ 前提是<table>未设width: 100%或display: inline-table把
<table>包进一个块级父容器，对其设text-align: center<div style="text-align: center;"><table>...</table></div>
⚠️ 注意：这依赖<table>是内联级表现（默认是块级，所以需额外加display: inline-block才生效）用 Flexbox 父容器控制（推荐用于响应式布局）
<div style="display: flex; justify-content: center;"><table>...</table></div>
✅ 不依赖宽度，兼容性好（IE11+），可同时加align-items: center实现垂直居中
容易踩的坑
- 直接给
<td>或<tr>设margin: 0 auto—— 完全无效，因为display: table-cell不支持 margin - 混用
align和 CSS，结果被层叠规则覆盖却查不出原因 - 表格设了
width: 100%还想用margin: 0 auto—— 宽度撑满父容器，左右 margin 失效 - 在单元格里放
<div>后只设text-align: center，忘了<div>是块级元素，不会随文本对齐而居中
真正起作用的永远是 CSS 布局机制，不是 HTML 属性。放弃 align，从今天开始只用 margin、flex 或 grid 控制表格位置。
