html5 中 align 属性已废弃，必须用 css 实现对齐：text-align 控制单元格内行内内容水平居中，margin: 0 auto 配合 width 实现表格整体居中，vertical-align: middle 控制单元格内容垂直居中。
HTML5 中 浏览器出于兼容性仍会解析 它作用于单元格内部的行内内容（文本、图片、 这是让 它只对 最易被忽略的复杂点：当单元格里嵌套了 align 属性已完全废弃，不能用于可靠对齐 —— 无论你写在 <table>、<code><tr>、<code><td> 还是 <code><th> 上，它都不再是合法 HTML，且行为不可控。
<h3>为什么 <code>align="center" 看似有效却必须停用
align，但它实际触发的是非标准渲染逻辑：比如 <table align="center"> 会让表格变成 <code>display: inline-table，导致 width 和 margin 失效；<td align="center"> 虽常“看起来居中”，但一旦被 CSS 覆盖（如父级设了 <code>text-align: left），或在某些 WebView（如旧版 Android System WebView）中就直接失效。
Attribute align is obsolete. Use CSS instead.
）下属于无效标记，未来浏览器可能彻底移除支持
text-align: center 是水平居中的唯一可靠方式<span></span> 等），不改变单元格自身位置。关键点在于：它只对“行内流内容”起效，对块级子元素（如 <div>、<code><p></p><div class="aritcle_card flexRow artxards">
<div class="artcardd flexRow">
<a class="aritcle_card_img" rel="nofollow" href="/xiazai/skill8272" title="anything-to-html"><img
src="https://img.php.cn/upload/skill/000/000/081/179195588450431.jpg" alt="anything-to-html" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a rel="nofollow" href="/xiazai/skill8272" title="anything-to-html" class="overflowclass">anything-to-html</a>
<p class="overflowclass">将调研报告、方案对比、数据分析、需求梳理、会议纪要、设计说明、代码评审、学习笔记等任务产物输出为可在浏览器直接打开的单文件 HTML，替代 Markdown 作为最终交付物。Markdown 在信息密度、视觉清晰度和可分享性上已跟不上 AI 产物的丰富度，HTML 能同时承载排版、表格、SVG 等。</p>
</div>
<a rel="nofollow" href="/xiazai/skill8272" title="anything-to-html" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span>
</a>
</div>
</div>）无效 —— 后者需单独处理。
<td style="text-align: center;">文字</td>
<col class="center-col"> + CSS .center-col { text-align: center; }
td, th { text-align: center; }，但注意这会覆盖所有单元格，例外项需用更具体选择器重置<div style="display: block;">，仅设 <code>text-align: center 不会让该 <div> 居中 —— 它需要自己加 <code>margin: 0 auto 或 display: flex; justify-content: center
margin: 0 auto 让整个表格在页面中居中<table> 水平居中的标准做法，但有两个硬性前提：
<ul><li><code><table> 必须是块级上下文中的块级框（默认就是，无需额外设 <code>display: block）
width: 80%、width: 600px 或响应式组合 width: 100%; max-width: 800px; —— 否则 margin: 0 auto 无基准可算，直接失效float、display: inline 或 overflow: hidden 等干扰布局的样式display: flex 父容器居中表格 —— 它会破坏 colspan/rowspan 的渲染逻辑，打印预览和部分屏幕阅读器也可能出错
vertical-align: middle 控制单元格内垂直居中<td> 和 <code><th> 生效，不能写在 <code><table> 或 <code><tr> 上。注意：它不是让单元格在整行中垂直居中，而是让单元格内的内容（行内内容或表格单元格本身）相对于该单元格的行内框对齐。
<ul>
<li>整表统一垂直居中：<code>td, th { vertical-align: middle; }
<td style="vertical-align: middle;">内容</td>
vertical-align: middle 效果明显；若设了固定 height 但内容少，它会让内容在剩余空间中居中text-align 混淆：一个管上下，一个管左右，必须同时设置才能实现“十字居中”display: block 元素（比如 <div> 或设置了 <code>display: block 的图片），text-align: center 对它完全无效 —— 此时你要么改子元素为行内显示，要么给它加自己的居中规则，而不是反复调大父级的 text-align 优先级。
