Javascript 在div中显示值时不占用空间

我正在输入框中输入一些文本。当输入文本时，我给一些空格表示意思 超过1个空格，就说4或5。但是当我从输入框中获取值并附加到 一个div。它用一个空格替换所有额外的空格

例如，我输入这样的文本。 “嗨，你能看看吗？”

然后，如果使用

$（“#inpuboxid”）.val（）获取值
然后将该值附加到div

它变成这样：“嗨，你能看看吗？”

如何实现这一点，因为默认情况下，浏览器会自动用一次空格替换额外空格。在您的div中添加一个“空白：pre；”样式。这将保留其内容中的所有空白

<div style="white-space: pre;">Hi    can  you please look    on  it     ?</div>

嗨，你能看一下吗？

设置元素的文本后，可以使用html方法将空格替换为
。
这里有一个例子

$("#somelement").text($("#inpuboxid").val()).html(function(index,html){return html.replace(/ /g, '&nbsp;');})

讽刺的是，stackoverflow做了同样的事情：pinsert
而不是空格。试一试again@MWaystackoverflow的作用是什么？@SureshBora在编辑之前，stackoverflow也删除了空格…谢谢，Anthony Chu。工作很有魅力。