javascript - 如果单词之间有多个空格，Html 会去除字符串中的空格

Question

我正在尝试在 html 页面上显示这样的字符串

"Hello.    Hello"

当我将数据从ajax传递到html时，它显示为“Hello。Hello” 即使我通过以下方式传递它:

$("#tag").text("Hello.     Hello");

在 html 中，我的 div 定义如下

<div id="tag"></div>

Answer 1

提供您想要的目的地，在本例中为 CSS 中的 #tag、white-space: pre;。这将修复它(参见代码片段)

$("#tag").text("Hello.     Hello");

#tag {
    white-space: pre;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id = "tag"></div>