align属性在html5中完全被废弃，w3c不再支持，验证器报错，浏览器仅靠向后兼容“看似有效”，实为非标准行为，新项目必须用text-align和vertical-align等css替代。
ALIGN属性在HTML5中已失效，别再用
直接说结论：align 属性（比如 <td align="center">）在 HTML5 中**完全被废弃**，W3C 不再支持，验证器会报错，部分 WebView 或严格模式下直接忽略。你看到它“好像还有效”，只是浏览器做了向后兼容，不是标准行为。
<p>常见错误现象：本地开发时 <code><td align="right"> 看似居右，上线后被 CSS 覆盖、或在 iOS Safari 某些版本里失效；用无障碍工具检测时，该属性被跳过，影响可访问性。
<ul>
<li>HTML4 时代遗留，<code>align 和 valign 都不该出现在新项目里
<table align="center"> 是控制整张表在页面中的左右位置，不是单元格内容对齐 —— 这个也已被 <code>margin: 0 auto 取代
align，JSX 或模板中写它等于无效代码text-align 是控制单元格文字水平对齐的唯一可靠方式
text-align 必须作用在 <td> 或 <code><th> 上，<code><tr> 上设无效，<code><table> 上设只影响继承行为，不可靠。
<p>实操建议：</p>
<ul>
<li>单个单元格：直接加内联样式 <code><td style="text-align: right;">金额</td>
<col> 标签配类名，例如 <col class="num-col">，再写 CSS .num-col { text-align: right; }
<tr> 加 class，如 <code><tr class="header-row">，再用 <code>.header-row td, .header-row th { text-align: center; }
!important 强行覆盖 —— 很可能是因为父级 <table> 或 <code><tbody> 设了 <code>text-align: left 且未被正确重置
vertical-align 控制垂直对齐，但只对单元格内容生效
vertical-align 默认值是 middle，所以表格单元格内容天然垂直居中 —— 但这是“相对于单元格自身”的居中，不是整行统一高度下的视觉居中。
容易踩的坑：
<tr style="vertical-align: top"> 完全无效，<code>vertical-align对<tr> 不起作用 <li>某列内容多、单元格撑高后，其他列即使设了 <code>vertical-align: top，也会看起来“错位”，因为每格高度不同- 想让一整行所有单元格内容都顶着上边沿？必须给这一行每个
<td> 和 <code><th> 都设 <code>vertical-align: top -
vertical-align: middle对图片、图标等行内元素有效；但对<div style="display: block"> 无效 —— 它不是行内元素，得换 flex 或重设 display <h3>复杂场景下，text-align 的边界要清楚</h3> <p><code>text-align: center只对“行内内容”起作用：纯文本、<img>（默认 inline）、<span></span>都能居中；但<div>、<code><p></p>默认是块级，不会被居中，只会左对齐。如果你在
<td> 里嵌套了一个 <code><div>，又只给 <code><td> 设了 <code>text-align: center，结果是文字居中了，<div> 还是贴左 —— 因为 <code>text-align不控制块级子元素的位置。此时要么：
- 给那个
<div> 加 <code>margin: 0 auto（前提是它有明确宽度） - 把
<td> 设成 <code>display: flex，再用justify-content: center - 或者干脆不用
<div>，改用 <code><span></span>+ 行内样式真正容易被忽略的点是：对齐从来不是孤立操作，它依赖于元素显示类型、父级继承链、以及是否混用了块级/行内语义 —— 一个
text-align失效，大概率不是属性写错了，而是上下文没理清。
- 给那个
