text-align: right 必须作用于td或th元素才生效，设在table或tr上无效；正确做法是直接在单元格加内联样式或用类名控制，数值右对齐还需配合等宽字体与干净数据。
text-align: right 必须加在 td 或 th 上才生效
直接给 table 或 tr 加 text-align: right 是无效的——它不会继承，也不会作用于子单元格。浏览器默认 td 继承自 body（通常是 left），不是父级 tr。常见错误是写 .right-row { text-align: right; } 然后套在 tr 上，结果毫无反应。
正确做法只有两种：
- 单个单元格：直接写
<td style="text-align: right;">123.45</td> - 整列控制：用语义化类名，如
<td class="num-col">123.45</td>，再配.num-col { text-align: right; }
数值右对齐后小数点错位？等宽字体和 clean 数据缺一不可
纯 text-align: right 只能保证字符末尾对齐，不是小数点对齐。当列中混有 9.99、1000.00、$1,234.56 时，视觉上小数点会浮动。
真正稳定对齐需组合以下条件：
立即学习“前端免费学习笔记（深入）”；
生成可在 deepbi 沙箱 iframe 内运行或作为独立文件运行的交互式 HTML 页面，使用 `window.deepbi` JS SDK 实现数据查询、空间管理、文件浏览及用户操作。当用户提出以下需求时启用该能力： - 创建 KPI 仪表盘、数据表格、文件浏览器、成员列表、管理页面； - 明确要求“转成 dhtml”、“转译成 HTML”、“把 XX 页面转成……”、“控制台页面”、“管理后台”、“DeepBI 页面迁移”； - 提及位于 `apps/console/src/featur
- 用等宽字体：
font-family: 'SFMono-Regular', Consolas, monospace; - 确保数据无前后空格：
<td>123.45</td>，不是<td> 123.45 </td> - 确认负号是 ASCII 减号
-（U+002D），而非 Unicode 减号−（U+2212） - 现代方案可选：
font-variant-numeric: tabular-nums;（需字体支持，比 monospace 更轻量）
多行文本域（textarea）嵌在表格里怎么右对齐？别碰 text-align
textarea 是替换元素，text-align 对它内部文字有效，但对它自身在 td 中的位置无效。想让它在单元格内靠右，得控制它的容器（即 td）或它自己：
- 让
textarea内容右对齐：给它加style="text-align: right;" - 让
textarea元素本身靠右：给父td加text-align: right;，同时确保textarea没设display: block或width: 100%（否则会撑满，失去右对齐视觉效果） - 更可控方式：用
margin-left: auto; display: inline-block;推textarea自身右贴边，但要注意 IE11 兼容性
为什么加了 text-align: right 还是左对齐？优先级和 computed styles 是唯一真相
不是代码写错了，而是样式被覆盖了。尤其在用了 Bootstrap、Ant Design、Tailwind 等框架后，常见干扰源包括：
-
td { text-align: inherit !important; }—— 框架强制继承，而父级没设对齐，回退到浏览器默认left - UI 库组件封装了
td，你写的 CSS 选择器不够具体，被更高权重规则压过 - 内联样式虽高优，但敌不过带
!important的外部规则
验证方法只有一个：打开开发者工具，切到「Computed」面板，看 text-align 最终值是什么、来自哪条规则。别猜，直接看。
真正的复杂点从来不在怎么写，而在谁在管它——HTML 属性、全局重置、组件库样式、内联 style，四层叠加下，不看 computed styles，光靠改代码永远调不准。
