char属性在html表格元素上无效，必须用css的text-align: char配合char值实现字符对齐，但仅单行文本可靠且浏览器支持不一，生产环境推荐grid或monospace等替代方案。
char属性在table中根本不起作用
HTML <table>、<code><td> 或 <code><th> 元素上直接写 <code>char 属性（比如 char="."）不会产生任何对齐效果——浏览器完全忽略它。这不是兼容性问题，而是该属性已被废弃且从未被主流引擎实现过。
真正起作用的是CSS的text-align: char
要实现按字符（如小数点、等号）对齐，必须用 CSS 的 text-align 属性配合 char 值，且仅在特定条件下生效：
- 只支持块级或表格单元格元素（
<td>、<code><th> 可用，但需设为 <code>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></span>，分别控制宽度和对齐 - 服务端预处理：在生成 HTML 前补空格（如 Python 的
str.rjust()），配合white-space: pre - JavaScript 动态计算：获取小数点索引，插入零宽空格或调整
letter-spacing
容易被忽略的细节
即使 text-align: char 生效，也只对当前元素内联文本起作用，不会影响子元素（如嵌套 <span></span> 或图标）。如果单元格里有图标、单位符号（如 “kg”、“%”）或空格，它们会破坏对齐基准。最保险的做法是：纯数字列 + 单字体 + 无额外字符 + 单行显示 —— 缺一不可。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
