标签已废弃，不能用也不该用；它在html5中无效，现代工具会警告，且违背语义化、可访问性与css分离原则。
<center></center> 标签早已被废弃，**不能用，也不该用**。它在 HTML5 中完全无效，现代浏览器虽可能“容错渲染”，但会触发控制台警告，且与语义化、可访问性、维护性全部冲突。
为什么 <center></center> 不能直接替换成 text-align: center
因为两者作用对象完全不同：<center></center> 是强行把**整个子树块级元素居中**（类似给父容器加了 text-align: center + 把所有子 <div> 强制设为 <code>inline-block）；而纯 text-align: center 只影响行内内容，对块级子元素自身位置毫无作用。
- 常见错误现象：删掉
<center></center>后只加text-align: center到父<div>，结果内部的 <code><div> 还是左对齐 <li>真正起效的是它隐式做的两件事：① 让父容器“当作文字流处理”；② 让子块“变成可被文字对齐的对象”</li> <li>所以如果原结构里有嵌套 <code><table align="center"> 或 <code><font></font>，单靠text-align更没法覆盖替代
<center></center>的三种可靠方案（按优先级排序）选哪个，取决于你要居中的元素类型、是否脱离文档流、以及父容器当前布局上下文。
-
定宽块级元素（如 logo 容器、登录框）：用
margin: 0 auto必须同时满足：元素是display: block（默认）、有明确width（不能是100%）、父容器不是flex或grid -
响应式或不定宽内容（如导航栏、卡片组）：用
display: flex+justify-content: center加在父容器上，不依赖子元素宽度，但会改变子元素的布局上下文（float失效、vertical-align无效） -
模态框、提示层等脱离文档流元素：用
position: absolute+top: 50%+left: 50%+transform: translate(-50%, -50%)必须确保父容器有position: relative，否则会相对于视口定位
老项目批量替换时最容易漏掉的三件事
别只盯着
<center></center>标签本身——它从来不是孤立存在的。- 周围常混着
align="center"（<td>、<code><p></p>）、valign="middle"、<font></font>和内联style="text-align:center"，这些得一并评估，不能无脑删 - 有些
<center></center>实际包裹的是表格，而表格本身有align="center"属性，删标签后表格可能突然左对齐——得补margin: 0 auto或改用flex - 临时调试用的
<center></center>常没闭合，或嵌套多层，正则<center>[\s\S]*?</center>可能跨段落误匹配，建议先用浏览器 DevTools 定位真实 DOM 结构再动手
真正卡住人的，从来不是“怎么居中”，而是“居中之后其他东西为什么错位了”。
<center></center>的魔力在于它粗暴统一，而现代 CSS 的精确控制，要求你必须看清每个父-子关系是否还健康。 -
定宽块级元素（如 logo 容器、登录框）：用
