<center>标签在HTML5中已彻底废弃，不能使用；它因违背结构与样式分离原则、缺乏语义性且被CSS更优方案替代而被W3C移除，现代工具会报错，仅靠浏览器兼容性残留渲染。
<center> 标签已废弃，HTML5 中完全不支持，不能用于实现内容居中布局。
为什么 <center> 不能用
它在 HTML 4.01 就被标记为废弃（deprecated），HTML5 直接移除。所有现代浏览器虽仍能渲染，但属于“兼容性残留”，不是标准行为。W3C 明确要求用 CSS 替代。
- 语义错误：
<center>是纯表现标签，违背 HTML “结构与样式分离”原则 - 维护风险：项目升级、代码检查工具（如 ESLint、HTMLHint）会报错
- 不可预测：在
flex或grid父容器中，<center>内容可能被强制重排或对齐失效
text-align: center 适合什么场景
只对行内级内容有效——包括文本、<span>、<img>（默认 display: inline-block）、<a> 等。
- 正确用法：给父容器设
text-align: center，让其内部文字或图标居中 - 常见翻车：给
<div>自身加text-align: center，却期望整个div在页面里居中——它只影响子内容，不动自己 - 注意：若子元素用了
float或position: absolute，text-align对它无效
margin: 0 auto 的三个硬性前提
这是真正让块级元素“自身居中”的传统方案，但必须同时满足：
- 元素是块级（
display: block或可设宽的格式上下文，如table） - 设置了明确宽度（
width或max-width，不能是100%或auto） - 处于普通文档流（未设
float、position: absolute/fixed）
例如：<img> 默认是 inline，直接写 margin: 0 auto 无效，得先加 display: block。
现代项目该用什么
首选 display: flex + justify-content: center（水平）+ align-items: center（垂直）。
- 父容器需有高度依据，比如
min-height: 100vh，否则align-items垂直方向不生效 - 子元素若本身是
flex容器，嵌套时要注意flex-direction影响主轴方向 - 别在 flex 父容器上再写
text-align: center——冗余且易干扰
真正容易被忽略的是：当内容高度超过视口，height: 100vh 可能导致底部截断，此时应改用 min-height: 100vh。
