在div中显示值时不占空间

时间:2014-02-01 05:08:18

标签: javascript jquery html css

我在输入框中输入了一些文字。输入文本时我会给出一些空格 超过1个空格只说4或5.但是当我从输入框中获取值并追加到 一个div。它用一次单个空格替换所有额外的空格。

例如,我输入这样的文字。   “嗨,你能看一下吗?”

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

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

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

2 个答案:

答案 0 :(得分:5)

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

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

See this Fiddle

答案 1 :(得分:1)

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

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