css - 通过 CSS 每 4 个字符自动间隔一个文本？

Question

我想问问当你用 CSS 打字时，那个文本是否可以自动改变成那种形式。

之前:513031421694//之后:5130 3142 1694

---

我尝试了这些(字母间距/字间距)，但没有成功，我只能触摸 CSS。

Answer 1

遗憾的是目前还没有，JS 解决方案可能是您实现跨所有元素类型格式化的唯一前端选项。

有一个CSS Working Group idea对于data content formatting这将解决这个问题，尽管自 2008 年以来似乎没有任何进展或提及。

他们提出了 2 个新的 CSS 规则 @decimal-format 和 number-format。

@decimal-format price {
  grouping-separator: ",";
  decimal-separator : "."
}

.price {
  number-format: "###,##0.00", "price";
  /* price is actually redundant as this format would be the default */
}

然后一个简单的类将应用格式。

<span class="price">987654321</span>

将显示为 987,654,321.00 USD

但这只是一个idea自 2008 年以来一直没有移动。