最稳方式是直接给td或th加style="text-align: right;"；整表右对齐用table td, table th {text-align: right;}；单列推荐加类名如num-col配CSS；避免使用已废弃的align="right"；注意UI框架覆盖和继承问题。
表格单元格内容右对齐用 text-align: right
直接给 td 或 th 加 style="text-align: right;" 是最稳、兼容性最好、也最不容易出错的方式。CSS 的 text-align 就是干这个的，别绕弯。
- 整张表所有单元格都右对齐，写
table td, table th { text-align: right; }即可 - 只对某列右对齐，推荐加类名：
<td class="num-col">123.45</td>，再配.num-col { text-align: right; } - 别用 HTML5 已废弃的
align="right"属性——部分浏览器可能不渲染，且语义不合规 - 如果用了 UI 框架（比如 Bootstrap），它可能给
td设了text-align: inherit，导致实际没生效；调试时看“Computed”面板里的text-align值最准
为什么加了 text-align: right 还不生效
大概率不是写错了，而是被更高优先级的样式覆盖，或者继承链断了。
- 检查父容器是否设置了
text-align: left或其他值，text-align会继承 - 某些框架（如 Ant Design）默认让
td继承父级对齐，而父级没设，就回退到浏览器默认的left - 内联样式
style="text-align: right;"优先级高于外部 CSS，但敌不过带!important的规则 -
display: flex或display: grid容器里的td可能受容器对齐属性影响，此时text-align仍有效，但视觉上可能被其他布局规则压制
数字列右对齐的隐藏陷阱
纯数字右对齐看着简单，但小数点不对齐、负号飘移、空格混入，会让报表一眼看出问题。
- 避免前后加空格：
<td> 123.45 </td>→ 右对齐后右边多出空白 - 用等宽字体提升可读性，比如
font-family: 'SFMono-Regular', Consolas, monospace; - 确认负号是 ASCII 减号
-（U+002D），不是全角减号或 Unicode 减号（U+2212），后者宽度不同 - 真要小数点对齐，
text-align: right不够用；text-align: char（仅 Firefox 支持）生产环境慎用
表格整体在页面中靠右对齐 ≠ 单元格内容靠右
这是两个完全不同的需求，混用会导致布局失控。前者控制 table 元素在父容器中的位置，后者控制 td 里文字的位置。
立即学习“前端免费学习笔记（深入）”；
- 整张表右对齐：用
margin-left: auto+display: block，或父容器text-align: right（前提是table保持display: table） - 千万别把
text-align: right错加到table标签上想“推表格”，它只影响内部文本流，不会移动表格本身 - 若用 Flex/Grid 布局替代
table，右对齐逻辑完全不同：靠justify-content: flex-end或margin-left: auto，但要注意可访问性和导出兼容性
