Несколько пробелов между словами в HTML без  

Я использую шрифт штрих-кода "Free 3 of 9 Extended Regular", и в некоторых случаях для печати необходимо иметь несколько пробелов, чтобы соответствовать количеству символов в поле. Пример:

*AA-XXXX    *"

(четыре пробела следуют за номером позиции, чтобы сделать 12 символов. Считыватель штрих-кода даст мне ошибку, если меньше символов.

nbsp; заставит несколько пробелов, однако IE и Firefox отображают их как стандартные пространства шрифтов и не используют шрифт штрих-кода. Штрих-код отображается как разбитый между символами без пробела. (Кстати, только IE 6 отображает nbsp; в правильном шрифте.) Если я использую правильное пространство, он обрезает количество пробелов и отображает только один.

Спасибо заранее.

Ответ 1

Посмотрите white-space свойство css

Используя

.barcode{
    white-space:pre; /* or pre-wrap if you want wrapping to still work. */
}

и

<span class="barcode">*AA-XXXX    *"</span>

сделает трюк.

.barcode{
    font-family:Courier;
    white-space:pre; /* or pre-wrap if you want wrapping to still work.*/
}

<span class="barcode">*AA-XXXX    *"</span>

Ответ 2

Используйте <pre>, когда пробелы значительны.

Ответ 3

вы можете заменить все пробелы на &#160

Ответ 4

Мне нравится использовать это специальное белое пространство, которое HTML и JavaScript не обнаруживают как белое пространство. → ""

Он также выглядит лучше на конце кода.

UPDATE

Похоже, что поток над потоком заменяет его на регулярное пространство, поэтому здесь есть код ASCII

Dec 160 Hex A0 Oct 240