通过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年以来一直没有移动。