char属性在HTML表格元素上无效，必须用CSS的text-align: char配合char值实现字符对齐，但仅单行文本可靠且浏览器支持不一，生产环境推荐Grid或monospace等替代方案。

char属性在table中根本不起作用

HTML <table>、<td> 或 <th> 元素上直接写 char 属性（比如 char="."）不会产生任何对齐效果——浏览器完全忽略它。这不是兼容性问题，而是该属性已被废弃且从未被主流引擎实现过。

真正起作用的是CSS的text-align: char

要实现按字符（如小数点、等号）对齐，必须用 CSS 的 text-align 属性配合 char 值，且仅在特定条件下生效：

• 只支持块级或表格单元格元素（<td>、<th> 可用，但需设为 display: table-cell 或保持默认）
• 必须显式指定 text-align: char，不能只写 char
• 必须同时设置 text-align-last: auto（某些浏览器需要）
• 仅对**单行文本**可靠；换行后对齐失效
• Firefox 支持较好；Chrome/Edge 从 v107+ 开始支持，Safari 仍不支持

示例：

Article To Html

文章转信息图。将文章/笔记转化为手机可读的 HTML 信息图，自动匹配视觉风格。触发场景：文章转图、笔记转图、信息图、转小红书图、做张图、可视化这篇文章、文生图。

下载

<td style="text-align: char; text-align-last: auto; char: '.';">123.45</td>

更稳妥的替代方案：使用CSS Grid或monospace + padding

生产环境不建议依赖 text-align: char。常见替代方式有：

立即学习“前端免费学习笔记（深入）”；

• 对齐数字：用 font-family: monospace + 左/右对齐，再通过 padding-left 或 text-indent 手动微调小数点位置
• 结构化数据：改用 display: grid，把整数、小数点、小数部分拆成独立 <span>，分别控制宽度和对齐
• 服务端预处理：在生成 HTML 前补空格（如 Python 的 str.rjust()），配合 white-space: pre
• JavaScript 动态计算：获取小数点索引，插入零宽空格或调整 letter-spacing

容易被忽略的细节

即使 text-align: char 生效，也只对当前元素内联文本起作用，不会影响子元素（如嵌套 <span> 或图标）。如果单元格里有图标、单位符号（如 “kg”、“%”）或空格，它们会破坏对齐基准。最保险的做法是：纯数字列 + 单字体 + 无额外字符 + 单行显示 —— 缺一不可。