text-align不能直接写在table上，只对th、td或其父容器生效；vertical-align仅作用于td/th内部内容，且依赖表格单元格默认渲染流；表格整体居中应使用CSS而非align属性。
text-align 控制水平对齐，但不能写在 table 上
很多人一上来就给 <table> 加 style="text-align: center;"，结果发现没用——因为 text-align 对 table 元素本身无效，它只对含文本的块级或表格单元格起作用。真正生效的是作用在 th、td 或其父容器（如 tr）上。
常见错误现象：整张表加了 text-align: center 却只有表头居中，数据行仍左对齐；这是因为 th 默认有浏览器样式（通常含 text-align: center），而 td 默认是 left，且未被显式覆盖。
-
td, th { text-align: center; }→ 所有单元格内容水平居中 -
td:nth-child(3) { text-align: right; }→ 第三列右对齐（适合金额、编号） -
<td style="text-align: left;">文本</td>→ 内联写法优先级最高，慎用于批量单元格
vertical-align 控制垂直对齐，但只对 td 和 th 有效
vertical-align 常被误认为“让单元格在表格里上下居中”，其实它只控制单元格**内部内容**在该单元格高度范围内的对齐位置。如果单元格没设固定高度，vertical-align: middle 的效果可能很弱甚至看不见。
使用场景：多行文本、图片混排、或者单元格内嵌套 <div> 时，vertical-align 很容易失效——因为它不适用于 flex/grid 子项，也不影响块级子元素的布局流。
立即学习“前端免费学习笔记（深入）”；
-
td, th { vertical-align: middle; }→ 基础垂直居中（前提是单元格有足够高度） -
td img { vertical-align: middle; }→ 图片与文字基线对齐更稳（避免默认 baseline 留白） - 若单元格内有
<div>，需额外设display: inline-block或改用 flex 布局才能响应vertical-align
表格整体居中别靠 align="center"
<table align="center"> 在 HTML5 中已废弃，现代浏览器行为不一致，W3C 验证器会报错。它实际触发的是浮动逻辑（类似 float: left + margin 自动计算），而非真正的居中语义。
真正可靠的做法是用 CSS 控制布局上下文：
-
<table style="margin: 0 auto; width: 800px;">→ 最简方案，但需固定宽度 -
<div style="text-align: center;"><table style="display: inline-table;">...</table></div>→ 利用文本对齐机制，适合响应式窄屏 -
<div style="display: flex; justify-content: center;"><table>...</table></div>→ 推荐，兼容性好，无需设宽
ASP.NET Web Forms 的 HtmlTableRow.Align 怎么办
如果你还在维护老项目，代码里看到 row.Align = "Center" 或 cell.Align = "Right"，这不是标准 HTML 属性，而是服务器控件封装后输出的过时 align 属性。它最终生成的 HTML 会被现代浏览器忽略或解析异常。
迁移建议不是重写逻辑，而是替换输出方式：
-
row.Attributes["class"] = "text-center";→ 输出 class 而非 align -
cell.Attributes["class"] = "text-right align-middle";→ 同时控制水平和垂直 - 配套 CSS：
.text-center { text-align: center; }、.align-middle { vertical-align: middle; }
真正容易被忽略的是盒模型依赖：哪怕写了 vertical-align: middle，如果 td 里塞了个没设 height 的 <div>，或者用了 display: flex，这个属性就完全不生效——它只在表格单元格的默认渲染流里起作用。
