text-align: right 是表格单元格内容右对齐的唯一正确方案，直接作用于 td/th 元素，兼容性好、优先级高；避免使用废弃的 align="right"，整表或单列右对齐应分别采用 CSS 规则或语义化类名（如 num-col）。
表格内容靠右，不是把整个 table 往右挪，而是让单元格里的文字、数字等在各自格子内靠右排列——text-align: right 是唯一该用的方案，其他思路基本是绕远或埋坑。
给 td 或 th 直接加 style="text-align: right;"
这是最稳、兼容性最好、也最容易验证是否生效的方式。不用管父容器有没有设样式，也不依赖框架规则，写上去就起作用。
- 适用于单个单元格临时调整，比如某一行某个数值要突出右对齐
- 内联样式优先级高于大多数外部 CSS，调试时不容易被意外覆盖
- 注意别写成
align="right"—— HTML5 已废弃，部分浏览器（尤其新版本 Safari 和 Edge）可能完全忽略 - 如果用了 UI 框架（如 Ant Design、Bootstrap），它可能给
td设了text-align: inherit，此时你加的内联样式仍有效，但得确认父级没设成left
整表右对齐用 table td, table th { text-align: right; }
适合报表类页面，所有数据列都需右对齐（比如金额、序号、百分比）。CSS 规则越具体，越不容易被意外覆盖。
- 必须同时写
table td和table th，否则表头仍默认左对齐 - 不要只写
td, th，否则可能影响页面其他表格甚至非表格元素（比如某些 CMS 会全局重置th） - 若后续要某列恢复左对齐（如姓名列），加类名覆盖更安全：
张三 .name-col { text-align: left; } - 注意：这个规则不影响表格在页面中的位置，只控制格子内部内容
单列右对齐推荐加类名（如 num-col）
语义清晰、便于维护，也方便配合 JS 动态控制（比如导出 Excel 时识别数字列做格式化）。
- 类名别用模糊词如
right，而用业务含义明确的num-col、price-col、percent-col - 数字列右对齐后，小数点其实并不对齐；真要小数点对齐，
text-align: right不够用，得用text-align: char; char: ".";（仅 Firefox 支持，生产环境慎用） - 避免在数字前后加空格：
123.45 - 负号要用 ASCII 减号
-（U+002D），别混入全角减号或数学减号（U+2212），后者宽度不同，会导致列宽抖动
为什么加了 text-align: right 还不生效
大概率不是写错了，而是被更高优先级样式压制，或者继承链断在半路。
- 打开浏览器开发者工具，看“Computed”面板里
text-align的最终值是什么，不是看“Styles”里有没有那行代码 - 检查父容器（比如
table或外层div）是否设了text-align: left，因为text-align会继承 - 某些框架（如 Bootstrap 5）默认给
td加text-align: inherit，而table没设，浏览器回退到默认的left - 如果用了
display: flex或display: grid包裹表格，text-align依然生效，但视觉上可能被容器的justify-content干扰，这时得看布局层级而非对齐属性本身
真正容易被忽略的是：右对齐不是“看起来往右了就行”，而是要确保数字列在各种缩放、打印、屏幕阅读器下都保持语义正确。别为了省两行 CSS，把 float: right 或 margin-left: auto 错用在 td 上——它们根本不是干这事的。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
