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

Question

我想问一下，当您通过 CSS 键入时，该文本是否可以自动更改为该形式。

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

---

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

Answer 1

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

有一个CSS 工作组关于数据内容格式化的想法可以解决这个问题，尽管自 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

但这只是一个自 2008 年以来就没有动过的想法。