html表格内容对齐应弃用已废弃的align属性，改用css的text-align（水平对齐）和vertical-align（垂直对齐），分别作用于table、th、td等元素以确保兼容性与语义清晰。
直接说结论：HTML 表格内容对齐，别用 align 属性 —— 它在 HTML5 中已废弃，浏览器兼容性差，且语义混乱；正确做法是用 CSS 的 text-align 和 vertical-align，按需作用于 table、tr、td 或 th。
为什么 align 属性不能用了
HTML5 彻底移除了 <table align="center">、<code><tr align="right">、<code><td align="center"> 这类属性。虽然部分旧浏览器（如 IE）还能解析，但现代 Chrome/Firefox/Safari 已不保证行为一致，且 W3C 验证器会报错。更关键的是：<code>align 在不同标签上含义不同 —— <table align> 控制表格自身浮动位置（左/右/居中），而 <code><tr align> 或 <code><td align> 却控制单元格内文字水平对齐，极易混淆。
<h3>
<code>text-align 控制水平对齐（左/中/右）
这是设置文字水平对齐的唯一可靠方式，必须配合选择器使用：
-
table { text-align: center; }→ 整个表格所有单元格文字居中（除非被子级覆盖） -
th { text-align: center; }→ 仅表头居中，不影响数据行 -
td:nth-child(2) { text-align: right; }→ 第二列全部右对齐（适合金额列） -
<td style="text-align: left;">文本</td>→ 内联写法，优先级最高，慎用于大量单元格
注意：text-align 对 table 标签本身无效（它不渲染内容），只对含文本的块级或表格单元格元素起作用。
vertical-align 控制垂直对齐（顶/中/底）
这个属性只在 td、th、tr 上有效，不能写在 table 上：
-
td, th { vertical-align: middle; }→ 所有单元格内容垂直居中（最常用） -
tr.header-row { vertical-align: top; }→ 某行整体顶部对齐（适合多行文本单元格） -
<td style="vertical-align: bottom;">底部对齐</td>→ 单元格内文字贴底
常见误区：vertical-align 不是“让单元格在表格里上下居中”，而是“让单元格里的内容在该单元格高度范围内对齐”。如果单元格没设固定高度，middle 的效果可能不明显。
ASP.NET Web Forms 中的 HtmlTableRow.Align 和 HtmlTableCell.Align
如果你还在维护老 ASP.NET Web Forms 项目，代码里看到 row.Align = "Center" 或 cell.Align = "Right"，这不是 HTML 属性，而是服务器端控件的封装逻辑，最终仍会输出过时的 align 属性。建议逐步替换为 CSS 类：
row.Attributes["class"] = "text-center"; cell.Attributes["class"] = "text-right align-middle";
再配合样式表定义：.text-center { text-align: center; }、.align-middle { vertical-align: middle; }。这样既保持后端逻辑清晰，又符合现代前端规范。
真正容易被忽略的是：对齐效果依赖于盒模型上下文 —— 如果 td 内部有 div 或 img 且未设宽高，vertical-align: middle 可能失效；text-align: center 对 flex 或 grid 子元素也无效。动手前先确认目标元素是否真的承载了要对齐的文本流。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
