为什么在Javascript中两个或多个空格变成一个空格_Javascript_Angularjs

为什么在Javascript中两个或多个空格变成一个空格

javascript angularjs

为什么在Javascript中两个或多个空格变成一个空格,javascript,angularjs,Javascript,Angularjs,我创建了一个简单的HTML/JS/Angular脚本来演示我所面临的问题。我有一个解决办法，但仍然想把这个问题发布给专家 <body ng-app> <div ng-controller='abc'> <h1 ng-click='title= "A B C D EFGH";'>{{title}} </h1> </div> </body> 接通时：字

我创建了一个简单的HTML/JS/Angular脚本来演示我所面临的问题。我有一个解决办法，但仍然想把这个问题发布给专家

<body ng-app>
    <div ng-controller='abc'>
         <h1 ng-click='title= "A     B     C    D        EFGH";'>{{title}}   </h1>
    </div>
</body>

接通时：字符串中的连续空格将替换为单个空格。输出为“A B C D EFGH”

为什么会发生这种情况？

折叠空格只是另一个浏览器的默认行为，您可以使用CSS属性更改它，在本例中，它是

空白

例如，这将保留您输入的空间量

h1 {
    white-space: pre;
}

是的，HTML就是这样工作的。一百万个空间就是一个空间。您可能希望使用空格实体

使用

而不是文字空格，因为浏览器将它们转换为一个空格而不使用

html标记

h1 {
    white-space: pre;
}