HTML的align属性已废弃，必须用CSS的text-align控制文本水平对齐，或用margin/display/Flex/Grid实现元素整体居中；vertical-align仅适用于行内、表格单元格及table-cell元素。
text-align（文本水平对齐）或 margin/display（元素整体居中）来实现**。浏览器虽可能“勉强渲染”旧写法，但 W3C 验证失败、IE/Firefox/Chrome 行为不一致，尤其在现代布局（Flex/Grid）里会彻底失效。
align 属性为什么不能用了
HTML5 明确废弃了 align 属性（如 <p align="center">、<div align="right">、<h2 align="left">），原因很实际：
- 它不是语义化属性，混杂表现逻辑到 HTML 结构中
- 不同浏览器解析优先级冲突：比如
<p align="right" style="text-align: left;">，Chrome 可能按align渲染，Firefox 可能直接忽略 - W3C 验证器报错
Attribute align not allowed on element p，CI/CD 流水线可能直接拦截 - 在
display: flex或display: grid容器内，align属性完全无效
text-align 是干什么的、怎么用
text-align 是 CSS 属性，只控制**块级元素内部的行内内容**（文字、<img>、<span> 等）的**水平对齐方式**，不是让整个 <div> 或 <table> 在页面上移动。
- 作用对象：必须是块级容器（如
<p>、<div>、<header>），且其子元素是行内级（默认或display: inline/inline-block） - 有效取值只有：
left、right、center、justify；middle或centered是错的，不会生效 - 常见误用：
<div style="text-align: center;"><div>子div</div></div>—— 这里子<div>是块级，默认不响应text-align，需加display: inline-block或改用 Flex - 正确示例：
<div style="text-align: right;">最后更新：2026-09-30</div>
想让整个元素（比如表格、卡片）居中，该用什么
这是最容易混淆的点：text-align: center 不会让 <table> 自己居中，它只让表格里的文字居中。让元素自身在父容器中水平居中，得靠布局属性：
-
<table style="margin: 0 auto; width: 80%;">—— 最简方案，但必须设width，否则auto外边距无效 -
<div style="display: flex; justify-content: center;"><table></table></div>—— 推荐，无需固定宽，IE11+ 兼容，语义清晰 -
<div style="text-align: center;"><table style="display: inline-table;"></table></div>—— 适合窄屏响应式，但inline-table在某些老 Android WebView 中有兼容问题 - 绝对不要写
<table align="center">—— HTML5 废弃，Chrome 120+ 已开始静默降级处理，未来可能直接忽略
vertical-align 和 valign 的坑
vertical-align 常被误认为是“让元素垂直居中”，但它**只对行内元素、表格单元格内容、以及 display: table-cell 元素生效**，且依赖行高或单元格高度支撑：
立即学习“前端免费学习笔记（深入）”；
-
valign="middle"是旧 HTML 属性，仅在<td>/<th>上“看起来”有效，但值写成"center"会完全失效（合法值只有top、middle、bottom、baseline） -
<div style="vertical-align: middle;">单独写没用，除非它本身是inline-block且父容器有明确行高 - 真正让一个块级元素垂直居中，请用 Flex：
display: flex; align-items: center; - 表格内单元格内容垂直居中，稳妥写法是：
td, th { vertical-align: middle; height: 40px; }（必须设高度或最小高度，否则无参照基准）
text-align 当成了万能居中开关，结果调半天 margin 和 width 都没用，其实根本没走对路。 
