Авто пробел текст каждые 4 символа с помощью CSS?

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 года.