Как добавить пробелы между тысячными через HTML код?

Для добавления пробелов между тысячными в HTML коде, вы можете использовать специальную символьную сущность -  . HTML-сущность   представляет собой неразрывный пробел, то есть пробел, который не будет удален браузером. Вы можете использовать эту сущность для создания пробелов между тысячными, чтобы сделать числа более читабельными.

Однако, использование   между каждой цифрой тысячного числа может быть достаточно трудоемким и неудобным. Вместо этого, вы можете использовать JavaScript или CSS для добавления пробелов между тысячными.

Если вы хотите использовать JavaScript, вы можете использовать функцию для форматирования числа и добавления пробелов между тысячными. Ниже приведен пример функции, которая принимает число и возвращает его в формате с пробелами между тысячными:

function formatNumberWithSpaces(number) {
  return number.toString().replace(/B(?=(d{3})+(?!d))/g, " ");
}

Вы можете вызвать эту функцию, передав число в качестве аргумента, и использовать результат в своем HTML-коде:

<span id="formatted-number"></span>

<script>
  var number = 1000000;
  var formattedNumber = formatNumberWithSpaces(number);
  document.getElementById("formatted-number").innerHTML = formattedNumber;
</script>

Если вы хотите использовать CSS, вы можете использовать свойство content с псевдоэлементом ::after и атрибутом data для добавления пробелов между цифрами. Ниже приведен пример CSS-кода, который добавляет пробелы между каждой цифрой:

<style>
  .number::after {
    content: attr(data-number);
    font-size: inherit;
    white-space: pre;
  }

  .number[data-number]::after {
    content: attr(data-number);
    font-size: inherit;
    white-space: pre;
  }

  .number[data-number^="1"]::after {
    content: attr(data-number) "0a0";
  }

  .number[data-number^="2"]::after {
    content: attr(data-number) "0a00a0";
  }

  /* Добавьте другие правила в соответствии с вашими нуждами */
</style>

<span class="number" data-number="1000000"></span>

В этом примере мы используем атрибут data-number, чтобы передать число в HTML-элемент span. Затем мы используем CSS-селекторы и свойство content для добавления пробелов между цифрами в зависимости от значения числа.

Оба подхода могут быть использованы для добавления пробелов между тысячными в HTML коде. Выбор зависит от ваших предпочтений и требований проекта.