HTML中单词之间的多个空格,而不是 

Ted*_*ler 46 html css fonts

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

*AA-XXXX    *"
Run Code Online (Sandbox Code Playgroud)

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

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

提前致谢.

Gab*_*oli 91

看看white-spacecss属性

运用

.barcode{
    white-space:pre; /* or pre-wrap if you want wrapping to still work. */
}
Run Code Online (Sandbox Code Playgroud)

<span class="barcode">*AA-XXXX    *"</span>
Run Code Online (Sandbox Code Playgroud)

会做的.

.barcode{
    font-family:Courier;
    white-space:pre; /* or pre-wrap if you want wrapping to still work.*/
}
Run Code Online (Sandbox Code Playgroud)
<span class="barcode">*AA-XXXX    *"</span>
Run Code Online (Sandbox Code Playgroud)

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

  • 如果您从 google 来到这里只是想保留空格,请使用 pre-wrap,而不是 pre,除非您希望文本永远不会换行... http://www.w3schools.com/cssref/pr_text_white-space .asp (2认同)

Que*_*tin 23

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


Mah*_*hat 12

你可以用.替换所有空格 &#160

  • [`&#160;`与`&nsbp;`相同](http://stackoverflow.com/a/3274322/2741678). (12认同)
  • 顺便说一句,“ ”是“nbsp;”:https://en.wikipedia.org/wiki/Non-breaking_space (2认同)