通过CSS自动分隔每4个字符的文本

Question

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

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

---

我尝试了这些（字母间距/单词间距），但没有成功，我只能触摸CSS。

Answer 1

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

CSS工作组有一个关于数据内容格式化的想法，可以解决这个问题，尽管自2008年以来似乎没有任何行动或提及。

他们提出了两个新的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

但这只是一个自2008年以来一直没有改变的想法。