Html 如何阻止浏览器将多个空间替换为单个空间？

浏览器正在将单词之间的多个空格替换为html页面中的单个空格。例如，如果我的文本在浏览器中是

'AB-DC 3'

，则它会显示

'AB-DC 3'

。检查显示2个空格的窗口

'AB-DC 3'

你也可以自己试试。只需检查元素并在任何行检查的单词中添加多个空格

有什么解决办法吗？？

---

回答了原因，但未解释如何解决此问题 >代码>你输入这个实体浏览器的次数不会有太多空间

HTML:

<p>He&nbsp;&nbsp;&nbsp;&nbsp;llo</p>

它将在作品中显示精确的4个空间

这是小提琴链接

AB-BA

---

pre

标记也可以解决您的问题

默认情况下，空白不重要，渲染时压缩为单个空格

---

CSS可以改变这一点：

空白：预换行

将提供您期望的默认换行功能，以及预格式化文本的重要空白行为。两全其美

在Op场景中：
使用

空白：pre（除在

处外无换行）或
空白：预换行（需要时换行）

例如：


正文{
保证金：0；
}
div{
宽度：200px；
高度：100px；
}
#a{
空白：预处理；
背景：金；
}
#b{
空白：预包装；
背景：天蓝色；
}
这是一些写在这里的文本作为例子。
这是换行符后的第二句话。
这是一些写在这里的文本作为示例。
换行后还有第二句话。
以避免更改显示样式。
更好地使用样式：


{空白：pre；}
请提供一些代码。上面的内容是用带有p标记的HTML本身编写的还是？
空白：pre-wrap
。完成。@NiettheDarkAbsol请将其作为答案发布。
与空格不同。你将失去在多行上包装文本的能力，因为顾名思义，它是不间断的空格。这个答案是唯一一个在Chrome上有效的答案。节省我很多时间。
   <pre>AB          BA</pre>

<style>
    { white-space: pre;}
</style>