如何在html中允许和显示额外的空格

【问题标题】：How to allow and show extra spaces in html如何在html中允许和显示额外的空格
【发布时间】：2021-12-17 05:40:18
【问题描述】：

如果我有一个包含以下文本的网页：

'这是一些（这里有一堆额外的空格）测试打印'。

..它将显示为“这是一些测试打印”。

但是有没有办法在不使用'nbsp;'的情况下保留额外的空间？给他们？

【问题讨论】：

【解决方案1】：

要么将您的文本包含在 <pre> 标记中，要么将 white-space 属性设置为 pre

例子：

p {
  white-space: pre;
}

<p>This is some                                    test print</p>

<pre>This is some                                  test print</pre>

【讨论】：

空白：pre；做我想要的，但似乎摆脱了自动换行。就像我有一个很长的句子，最后有几个中断标签，它会水平打印整行并且现在有横向滚动。而之前，它会根据浏览器分辨率进行换行。

【解决方案2】：

有多种方法

&nbsp;

【讨论】：