charoff 属性在现代 HTML 中不可用，因 align 和 char 属性已被 HTML5 废弃，主流浏览器均不解析；替代方案是 CSS text-align: char（仅 Firefox 支持）或右对齐+等宽字体+补零预处理。

charoff 属性在现代 HTML 开发中**不能用**，所有主流浏览器（Chrome、Firefox、Safari、Edge）均不支持它，HTML5 标准也已明确废弃。

为什么 charoff 无法生效

该属性仅在 align="char" 且同时设置了 char 属性时才有意义，但问题在于：

• align 和 char 本身在 HTML5 中已被废弃，浏览器早已停止解析逻辑
• 即使写上 <col align="char" char="." charoff="2">，实际渲染完全无视 charoff 值
• W3C 在 HTML5 规范中直接移除了 charoff 的定义，不再列入有效属性列表
• 开发者工具中查不到该属性对布局产生的任何 CSS 计算值或 layout effect

想实现小数点对齐？用 CSS text-align: char

真正可用的替代方案是 CSS 的 text-align: char，但它有严格前提：

Wechat Article Html

将 Markdown 文章转换为微信公众号兼容的纯 HTML 格式。当用户要求"转成微信格式"、"生成公众号文章 HTML"、"排版到微信草稿箱"、"微信粘贴格式"时触发。输出带内联样式的纯 HTML，微信编辑器可直接渲染，无需额外适配。支持标题、段落、列表、粗体、行内代码、表格、引用块、代码块、配图的完整转换。

下载

• 只对表格单元格（<td> / <code><th>）生效，且需配合 <code>char 值（如 text-align: "."）
• 目前仅 Firefox 支持该语法；Chrome 和 Safari 尚未实现，会退化为 text-align: left
• 必须确保内容是纯文本，含 HTML 标签或换行会破坏对齐基准
• 示例：

  td.amount { text-align: "."; }

  搭配 <td class="amount">$100.00</td>

更稳妥的兼容方案：右对齐 + 等宽字体 + 补空格

当需要跨浏览器稳定呈现数值列对齐（尤其是带小数点的金额），推荐组合策略：

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

• 给数字列设置 font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace
• 用 text-align: right 统一对齐，视觉上已足够清晰
• 后端或 JS 预处理数字，补足固定小数位（如统一保留两位），避免 $10.0 和 $100.00 字符宽度差异
• 极端场景下可考虑用 <span></span> 包裹小数点前后部分，分别设 display: inline-block; width 控制，但增加 DOM 复杂度

真正容易被忽略的是：很多人花时间调试 charoff，却没意识到浏览器根本没读它——它不是“没写对”，而是“压根不认”。把精力转向 CSS 对齐或数据预处理，效率高得多。