javascript - jQuery/HTML - 在使用等宽字体时，如何使空格 ( ) 占用与另一个字符相同的空间量？

Question

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

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

问题是在 HTML 中，你只能连续使用 1 个 ""字符串。否则，它显然会忽略其余部分。因此，如果有人连续键入超过 1 个，我必须改用 。

但是，这些空格似乎比其他等宽字符占用的空间略多。

我能做什么？

Answer 1

没关系，我想通了!

显然使用 ""对我不起作用。

起作用的是应用“white-space: pre;”显示字符的 div 样式。

例如

<div style="white-space: pre;"></div>

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

很酷。