Javascript jQuery/HTML-在使用单间距字体时，如何使一个空格（&；nbsp；）占用与另一个字符相同的空间量？

我有一个简单的网页，我正在创建

在CSS中，我导入一种特定的“单间距”字体。一切都很好，除了“空格”字符比其他字符占用稍多的空间

问题是在HTML中，一行只能使用1“”字符串。否则，它显然忽略了其余部分。因此，如果有人在一行中键入超过1个，我必须使用

但是，这些空格似乎比其他等距字符占用的空间稍多一些

---

我能做什么？

没关系，我想出来了

显然，使用“”对我不起作用

工作原理是将“空白：pre；”应用于显示字符的div样式

例如

通过这样做，它现在将保留所有连续按下的空格，并且我可以再次使用“”字符串：-）

---

酷。

试试

字母间距：2px在div中。对于空格，您可以只使用空格。不间断空格是不同的字符。如果特定字体未实现特定字符，则使用字体堆栈中较低的字体。我怀疑您使用的字体没有实现不间断空格字符，因此浏览器从浏览器的默认字体中获取字符，由于字体之间的差异，该字体可能具有不同的宽度。
<div style="white-space: pre;"></div>