align属性在中已废弃，不能用于新项目；浏览器仅兼容性解析并转为text-align，但存在ie/chrome/firefox行为不一致、w3c验证报错、与css框架冲突等问题，唯一可靠方案是用text-align控制水平对齐。
align 属性在 <td> 中**已废弃，不能用于新项目**。它可能“看起来有效”，但行为不可靠、验证失败、维护困难——直接用就等于埋坑。
<h3>为什么 <code>align 会“看起来还能用”
浏览器为兼容老网页，仍悄悄解析 align 并转成等效的 text-align 行内样式。但这不是标准支持，而是临时兜底：
-
align="justify"在 IE 中被当作center处理，Chrome/Firefox 表现不一致 -
align="char"几乎所有浏览器都不支持，写了等于白写 - 与 CSS 框架（如 Bootstrap 的
.table类）共存时，优先级混乱，极易被覆盖 - W3C 验证器报错：
Attribute align is obsolete. Use CSS instead.
text-align 是唯一可靠方案
text-align 控制的是块级容器（如 <td>）内行内内容的水平对齐，语义清晰、行为稳定：
<ul><li>左对齐：<code>text-align: left（<td> 默认值，但显式声明更安全）
<li>右对齐：<code>text-align: right（数字、金额列推荐）
text-align: center（标题或状态图标适用）justify：仅对纯文本段落有意义，表格单元格中易导致字间距异常推荐写法是用类名统一控制，而不是内联样式：
<td class="numeric">12345.67</td> <td class="label">订单编号</td>
对应 CSS：
.numeric { text-align: right; font-family: monospace; }
.label { text-align: left; }
容易被忽略的 vertical-align 陷阱
水平对齐用 text-align，垂直对齐必须用 vertical-align —— 它和 align 无关，也不能用 valign 属性替代：
-
vertical-align只对<td>、<code><th> 或 <code>display: table-cell元素生效 - 设成
middle是相对于该行基线居中，不是相对于整个表格高度 - 若
<tr> 高度未约束，或单元格内含图片/多行文本，<code>vertical-align: middle可能“没反应” - 想真正垂直居中，常需配合
line-height或display: flex，但后者会破坏表格语义
真正麻烦的不是“怎么写对齐”，而是“为什么写了没效果”——多数时候是混淆了
text-align（作用于内容）和 vertical-align（作用于单元格盒子本身），或者忽略了父容器高度、行高、显示类型这些隐性依赖。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
