在div中显示值时不占空间

Bor*_*ora 3 html javascript css jquery

我正在输入框中输入一些文本.输入文本时,我给出一些空格意味着超过1个空格只说4或5.但是当我从输入框中获取值并附加到div时.它用一次单个空间替换所有额外空间.

例如,我输入这样的文字. "嗨,你能看一下吗?"

然后,如果获取值使用$("#inpuboxid").val(); 然后将该值附加到div.

它变成这样: "嗨,你能看一下吗?"

如何实现这一点,因为浏览器会自动用一次空格替换额外的空间

Ant*_*Chu 5

HTML默认将相邻空格拼凑在一起.添加"white-space:pre;"的样式 你的div.这应该保留其内容中的所有空白区域.

<div style="white-space: pre;">Hi    can  you please look    on  it     ?</div>
Run Code Online (Sandbox Code Playgroud)

看到这个小提琴