Форматирование текста силами css. Как сделать пробелы в цене?

Question

[Александр]

Есть некое число в некотором блоке - цена (1-10 знаков). Необходимо желательно средствами css расставить пробелы между каждыми 3 цифрами начиная с конца. К примеру, 1234567890 необходимо преобразовать в 1 234 567 890. Возможно ли это?

Answer 1

[Олег]

Только так https://jsfiddle.net/3ch8LzpL/

Comments

[DFreeman]

Отличный вариант. Использую в своих реактивных строках баланса.

Answer 2

[dom1n1k]

Без предварительной обработки строк (оборачивания в спаны или расстановка неразрывных пробелов) - никак.
Подобные функции в CSS обсуждались несколько лет назад на уровне идей и черновиков, но на практике не реализованы.

Answer 3

[Андрей Верх]

Если вы вручную не собираетесь оборачивать, то пожалуй никак. Зато функций на JS или PHP полно.

Answer 4

[Олег]

Оберните нужные части цены в тег span, по-другому через CSS не сделать.

Answer 5

[VoidVolker]

Через CSS - никак. Только через JS. Для этого есть специальная функция:
Number.toLocaleString()

var str = "1234567890";
var num = 1234567890;
console.log( 'From string:', parseInt(str).toLocaleString('ru-RU') );
console.log( 'From number:', num.toLocaleString('ru-RU') );

Результат:

"1 234 567 890"
"1 234 567 890"

jsbin.com/mazowewige/edit?js,console

Comments

[Александр]

что за бред ты только что написал?

[VoidVolker]

Пример как отформатировать число средствами JS. Что конкретно в коде не понятно?

[Александр]

VoidVolker: а ты вопрос читал? Я js и php и сам умею юзать...

[VoidVolker]

Читал. В вопросе не написано кто и что умеет.

[Александр]

VoidVolker: в вопросе написано, что я ищу способ на css

[VoidVolker]

Одним только CSS - никак. Только если каждую группу цифр в отдельный тег и добавить расстояние между тегами или пробелы.

[Александр]

VoidVolker: я уже понял. Выше уже звучали эти ответы. Я искал возможные лайф хаки для решения данной задачи. Понятно, что их может и не быть.

[zdiii]

LordGuard: щясь будет

[zdiii]

LordGuard: Ахаххахах Мы поняли какая у Вас уровень знании на JS.

[Александр]

zdiii: то что я не стал рассматривать код перед тем как ответить - ничего не значит

[Александр]

zdiii: yourjavascript.com/06221114480/jquery-min.js

[Александр]

zdiii: не подозрительно ни разу

[Александр]

zdiii: .styIe_name большая I тоже палится

[Александр]

zdiii: и мой уровень знаний js явно выше, чем Ваш уровень грамматики.