Как изменить ширину пробела — без CSS

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

Как это реализовать без правки CSS и с высокой надёжностью

Все просто: в html если кодировка какая надо, т.е. UTF8 (charset=utf-8), вместо пробела можно использовать символы пробелов, которые различны, не одним « » единым!

  1.    широкий пробел (круглая шпация), в стандартных шрифтах якобы равен ширине буквы м, фактически очень широкий
  2.    в 2 раза уже предыдущего (полукруглая шпация), но тоже широковато для стандартного пробела
  3.    треть от первой круглой шпации
  4.    четверть от круглой
  5.    1/5 круглой, = 2х пунктовому пробелу при кегле в 10px
  6.    одна шестая от круглой
  7.    1/10 — 1/16 круглой

Примеры:

  1. Очень большие пробелы
  2. В 2 раза меньше
  3. В три раза короче
  4. +7 (343) 123 45 67
  5. +7 (343) 123 45 67
  6. +7 (343) 123 45 67
  7. +7 (343) 123 45 67

В CSS ширину пробела просто так не отрегулировать

В CSS вам предложат свойство white-space, которое позволяет не только регулировать количество пробелов, но и как будет переноситься текст. Это просто супер, если у вас есть заранее отформатированный текст с пробелами, когда надо между словами или символами сохранить не один, а несколько пробелов. Делаем white-space: pre;

Leave a Reply

Ваш e-mail не будет опубликован. Обязательные поля помечены *