Как создать небольшие SPACES в HTML?

Ответ 1

Не используйте хаки, которые не имеют смысла. Если вы хотите отделить несколько слов, я предлагаю вам использовать свойство CSS word-spacing:

.strangeNumbers {
  word-spacing: 0.5em;
}

<span class="strangeNumbers">123 456</span>

Ответ 2

  (тонкое пространство) следует делать

и   не совпадает с — (-), чтобы отделить числа, вы должны использовать узкое пространство без разрыва (U + 202F).

как упомянули другие, вам лучше использовать свойство css word-spacing, чтобы определить ширину ваших пробелов. это, вероятно, хорошая идея объединить его с white-space:no-break;

Ответ 3

Символ Юникода U + 2002 EN SPACE ( ,   или как ссылка на объект  ) - это пробел с шириной en.

Ответ 4

Вы можете изменить свой CSS таким образом:

.spanen{word-spacing:.6em;}

Ответ 5

 

... и различные другие нестандартные символы пробела неправильно реализованы в некоторых фиксированных шрифтах.

Это приведет к тому, что ваш рендеринг в конце браузера будет неконтролируемым, и вы не сможете исправить его, указав конкретный шрифт, потому что вы не можете контролировать, какой фактический шрифт используется веб-браузером — даже если вы укажете имя шрифта или семейство шрифтов, это не значит, что шрифт, который у них есть, совпадает с шрифтом, который у вас есть.

Но вы можете создать 100% -ное пространство любого размера, которого хотите, но это очень просто. Значение em представляет собой текущий font-size. Это высота, но независимо от ширины шрифта, она всегда постоянна относительно высоты шрифта с фиксированной шириной. Поэтому вы можете воспользоваться этим.

Здесь, как сделать 1/2 ширину, неразрывное пространство в контексте шрифта с фиксированной шириной, который работает со всем. Я показываю, что он реализован в параметре span style="", но, конечно, вы можете сделать класс CSS, чтобы сделать его использование менее неуклюжим:

<span style="font-size: .5em;">&nbsp;</span>

Здесь, как сделать 1/4 ширину, неразрывное пространство:

<span style="font-size: .25em;">&nbsp;</span>

... и т.д.

Это всегда работает с размерами пространства, меньшими, чем текущее полноразмерное пространство, потому что символ короче, чем другие символы в строке, поэтому они управляют расстоянием между строками, а не более коротким символом.

Если вам требуется пространство более одного пространства, используйте комбинацию полных пробелов и более коротких пробелов. Хотя вы получите более широкое пространство, если используете что-то вроде 1.5em, вы также получите более высокое пространство, и это повлияет на межстрочный интервал.

В то время как это решение является досадно громоздким, оно имеет желаемый атрибут всегда работающего — которые никто из других не делает.