HTML中单词之间的多个空格

Posted 2023-03-05

【中文标题】HTML中单词之间的多个空格

【英文标题】：Multiple Spaces Between Words in HTML without  

【发布时间】：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.*/

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

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

【讨论】：

如果您从 google 来到这里只是想保留空白，请使用 pre-wrap，而不是 pre，除非您希望文本永远不会换行...w3schools.com/cs-s-ref/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 月

【讨论】：

我在 "" 中检查了你的 char ASCII 码，它是 32，这只是一个普通空格。你是不是粘贴错了？

这很奇怪，难怪我投了反对票。我想知道是不是被换了。假设是 12 月 160 日 - 十六进制 A0 - 240 年 10 月。