我在输入框中输入了一些文字。输入文本时我会给出一些空格 超过1个空格只说4或5.但是当我从输入框中获取值并追加到 一个div。它用一次单个空格替换所有额外的空格。
例如,我输入这样的文字。 “嗨,你能看一下吗?”
然后如果使用$("#inpuboxid").val();
获取值
然后将该值附加到div。
它变成这样:“嗨,你能看一下吗?”
如何实现这一点,因为浏览器会自动用一次空格替换额外的空格
答案 0 :(得分:5)
HTML默认情况下将相邻空格拼凑在一起。添加“white-space:pre;”的样式你的div。这应该保留其内容中的所有空白区域。
<div style="white-space: pre;">Hi can you please look on it ?</div>
答案 1 :(得分:1)
设置元素的文本后,可以使用html方法将空格替换为
。
这是一个例子。
$("#somelement").text($("#inpuboxid").val()).html(function(index,html){return html.replace(/ /g, ' ');})