HTML中单词之间的多个空格

Question

我使用条形码字体“Free 3 of 9 Extended Regular”，打印输出需要在某些情况下有多个空格，以匹配字段中的字符数。示例：

*AA-XXXX    *"

（项目编号后面有四个空格可以生成12个字符。如果字符数较少，条形码阅读器会出错。

nbsp;将强制使用多个空格，但IE和Firefox都将这些空格显示为标准字体空格，并且不使用条形码字体。条形码显示为非空格字符之间的分解。 （顺便说一下，只有IE 6会以正确的字体显示nbsp;。）如果我使用常规空格，它会减少空格数并仅显示一个空格。

提前致谢。

Answer 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>

外部演示：http://www.jsfiddle.net/gaby/Z3gkq/

Answer 2

当空格很重要时使用<pre>。

Answer 3

您可以使用&#160

替换所有空格

Answer 4

对空格使用   完全是对它的误用。

你可以使用span标签-

<span style="margin-left: 10px; margin-right: 10px">*AA-XXXX    *"</span>

Answer 5

我喜欢使用HTML和JavaScript未检测到的特殊空白区域作为空白区域。 - ＆gt;”中“

在代码端也看起来更好。

<强>更新

看起来像stack over flow用常规空格替换它，所以这里是它的ASCII代码

Dec 160 Hex A0 Oct 240