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

【问题标题】：Space not taking when displaying value in div在 div 中显示值时不占用空间
【发布时间】：2014-02-24 23:44:20
【问题描述】：

我正在输入框中输入一些文本。输入文本时，我给了一些空格意味着超过 1 个空格只是说 4 或 5。但是当我从输入框中获取值并附加到一个分区。它用一个空格替换所有多余的空格。

例如，我输入这样的文本。 “嗨可以请您看一下吗？”

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

变成这样：“你好，可以看看吗？”

如何做到这一点，因为浏览器会自动将多余的空格替换为一次空格

【问题讨论】：

【解决方案1】：

默认情况下，HTML 会将相邻的空格压缩在一起。添加样式“white-space: pre;”到你的 div。这应该保留其内容中的所有空白。

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

See this Fiddle

【讨论】：

【解决方案2】：

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

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

【讨论】：