css HTML中单词之间的多个空格 

7ivaypg9 于 2022-12-27 发布在其他

关注(0)|答案(5)|浏览(189)

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

*AA-XXXX    *"

(four空格跟在项目编号后面，组成12个字符。如果字符较少，条形码阅读器会给予我一个错误。
nbsp;会强制使用多个空格，但是IE和Firefox都将这些空格显示为标准字体空格，并且不使用条形码字体。条形码显示为在非空格字符之间分解。（顺便说一句，只有IE 6会以正确的字体显示nbsp;。）如果我使用常规空格，它会削减空格的数量，只显示一个。

css

来源：https://stackoverflow.com/questions/4503001/multiple-spaces-between-words-in-html-without-nbsp

5条答案

按热度按时间

xoshrz7s1#

查看white-space css属性
使用

.barcode{
    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/

赞(0）回复(0）举报 2022-12-27

jgzswidk2#

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

赞(0）回复(0）举报 2022-12-27

ygya80vv3#

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

赞(0）回复(0）举报 2022-12-27

whhtz7ly4#

将&nbsp用于空格完全是对它的误用。
你可以用span标签-

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

赞(0）回复(0）举报 2022-12-27

pgvzfuti5#

我喜欢使用HTML和JavaScript不会检测为空白的特殊空白。-〉""
在代码端看起来也更好。

- 更新**

看起来堆栈溢出将其替换为一个常规空格，因此下面是它的ASCII代码
十二月160六角A0十月240

赞(0）回复(0）举报 2022-12-27

我来回答

css HTML中单词之间的多个空格

5条答案

相关问题

热门标签

最新问答

css HTML中单词之间的多个空格&nbsp;

5条答案

相关问题

热门标签

最新问答

css HTML中单词之间的多个空格