HTML中单词之间的多个空格答案

【问题标题】：Multiple Spaces Between Words in HTML without  HTML中单词之间的多个空格
【发布时间】：2011-05-29 00:41:53
【问题描述】：

我正在使用条形码字体“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.*/
}

&lt;span class="barcode"&gt;*AA-XXXX    *"&lt;/span&gt;

【讨论】：

如果您从 google 来到这里只是想保留空白，请使用 pre-wrap，而不是 pre，除非您希望文本永远不会换行...w3schools.com/cssref/pr_text_white-space.asp
@StefanSteiger 是的，我在代码的 CSS 注释中提到了这一点

【解决方案2】：

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

【讨论】：

【解决方案3】：

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

【讨论】：

【解决方案4】：

将 &nbsp 用于空格完全是对它的滥用。

你可以使用 span 标签 -

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

【讨论】：

【解决方案5】：

我喜欢使用 HTML 和 JavaScript 无法检测到的特殊空白作为空白。 ->“ ”

在代码端看起来也更好。

更新

看起来堆栈溢出用常规空格替换了它，所以这里是它的 ASCII 代码

12 月 160 日十六进制 A0 240 年 10 月

【讨论】：