HTML5 中 align 和 valign 属性已废弃，应改用 CSS：表格居中用 margin: 0 auto（需设宽度且非 inline-block/float），td/th 水平对齐用 text-align，垂直对齐优先用 display: flex + align-items，旧属性替换后需重点检查内容类型与布局兼容性。
align 属性在 HTML5 中已彻底废弃，写它等于白写——浏览器可能“假装解析”，但行为不可控、W3C 验证器直接报错、无障碍工具忽略、旧 WebView 下直接失效。
table 元素的 align="center" 怎么替代
别给 <table> 加 align，它不生效。真正起作用的是 CSS 的 margin: 0 auto，但必须满足两个条件：
-
<table>不能是display: inline-block或float—— 否则margin: 0 auto失效 - 必须显式设置宽度，比如
width: 80%、width: 600px或响应式组合width: 100%; max-width: 800px - 如果外层
<div>设了text-align: center，表格会“看起来居中”，但这不是表格自身居中，而是被父容器“挤”过去的，打印或屏幕阅读器可能不认 - 响应式场景下，若表格宽度超过容器，会溢出，此时需配合
overflow-x: auto
td 和 th 里的 align="right" 对应什么 CSS
align="right" 是水平对齐，和 vertical-align 无关。它等效于：
-
text-align: right（对<td>、<th>、<p>、<div>都有效） -
text-align: center或text-align: justify同理 -
text-align对<table>或<tr>无效 —— 它只作用于含文本的块级或表格单元格 - 如果单元格里有
<button>或<img>，且它们没设display: block，text-align仍能控制其水平位置 - 如果单元格里塞了
<div style="display: block">，text-align: center不会让这个<div>居中，得单独加margin: 0 auto或用display: flex; justify-content: center
valign="middle" 为什么写了没效果
valign 和 align 一样，已被废弃；对应 CSS 是 vertical-align，但它有严格生效前提：
立即学习“前端免费学习笔记（深入）”；
-
vertical-align只对<td>、<th>（默认display: table-cell）、行内元素（如<img>）或inline-block元素有效，不能写在<table>或<tr>上 - 如果
<td>没设height或min-height，又没内容撑高，vertical-align: middle就找不到参考高度，看起来像没动 - 更可靠的做法是把
<td>设为display: flex; align-items: center—— 但注意：一旦用了flex，vertical-align就被忽略，二者不能共存 - 如果单元格里有
<div>且设了display: block，vertical-align对它完全无效 —— 那是父容器布局的事，得靠父<td>的布局能力来控制 - 调试时看开发者工具的 computed styles，常发现
vertical-align被重置成baseline，尤其在用了 CSS reset 或继承了line-height的情况下
旧项目批量替换 align 和 valign 的实际坑点
删掉所有 align 和 valign 属性只是起点，真正容易漏的是这些细节：
-
valign="bottom"不能简单替换成vertical-align: bottom—— 当单元格高度由内容撑开时，“底对齐”视觉上可能离边太近，因为没同步调整padding - 图片混排时，
<img>默认vertical-align: baseline，下方留白，必须显式设vertical-align: top或middle才能对齐 -
<img align="left">这种写法早已失效，想图文环绕得用float并配clear，或改用display: flex容器 - 批量替换后，务必检查
<table>是否被意外设了border-collapse: collapse—— 它会影响padding和flex布局的视觉对齐
最麻烦的不是语法替换，而是不同内容类型（单行文本、多行段落、块级嵌套、图标+文字）对齐逻辑完全不同，text-align 和 vertical-align 只覆盖一部分场景，复杂内容基本要靠 flex 或 grid 重构单元格内部结构。
