html5不支持center标签，已废弃；应使用css的text-align: center（用于行内内容）或flex布局（justify-content: center等）替代。
center标签在HTML5里还能用吗
不能用，也不该用。<center></center> 在 HTML5 中是 obsolete（废弃）状态，W3C 明确不支持，现代编辑器会报黄线警告，构建工具（如 HTMLHint）默认拦截。浏览器虽大多仍能渲染，但这是兼容性残留，不是标准行为。
为什么text-align: center对div没反应
因为 text-align 只作用于**行内内容**（文字、<span></span>、<img> 等），对子元素是 display: block 的块级容器（比如 <div>、<code><h2></h2>）本身无效。
- 想让一个
<div> 水平居中：给它设 <code>width或max-width，再加margin: 0 auto - 想让它的内部文字或图片居中：给它的父容器加
text-align: center - 混淆这两层，是老项目批量替换时最常卡住的地方
- 确保父容器有明确高度（如
height: 100vh、min-height: 200px）或已脱离文档流（如position: absolute） -
justify-content: center控制水平，align-items: center控制垂直，两者缺一不可 - 别在表格单元格（
<td>）里直接删掉 <code>align="center"后就不管——<td> 默认是 <code>display: table-cell，text-align对它有效，但 flex 需要额外包裹一层老项目批量替换center标签要注意什么
真正麻烦的不是找
<center></center>，而是识别它和哪些属性共存——它们往往扎堆出现：align="center"、valign="middle"、<font></font>、<u></u>、<b></b>这些表现层标签常一起嵌套。- 先用正则扫一遍：
<center>]*></center>+，再顺藤摸瓜查周围表格属性 - 别一股脑全替成
text-align: center——得看语义：标题居中该用类名（如.page-title），弹窗内容居中该用 flex 容器，临时调试痕迹才考虑内联样式 - 重构不是改写，是理清「这个居中是结构需要，还是视觉补丁」；前者必须进 CSS 类体系，后者可走 utility class，但得统一命名规范
- 先用正则扫一遍：
flex布局居中为什么没效果
常见原因是父容器没设高度，导致 align-items: center 的垂直居中“看不见”——它确实生效了，但父容器高度由内容撑开，上下留白被压缩为零。
Article To Html
下载
文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。
