将多个空格转换为一个空格的CSS方法
CSS可以通过使用`white-space`属性来将多个空格变成一个空格。`white-space`属性用于控制元素内的空白符（包括空格、制表符、换行符等）如何处理。当设置为`nowrap`时，元素内的空白符会被合并成一个空格。例如： ```css p { white-space: nowrap; } ``` 这段代码会将`
`标签内的所有空白符合并成一个空格。需要注意的是，这种方法可能会导致文本换行不自然，因此在实际使用时需要根据具体情况进行调整。
前言
今天在做项目的时候，突然发现一个问题，浏览器输出的数据跟我原本的数据不一致，原本有多个空格，浏览器将多个空格压缩为一个。
<divid="app"><div>{{a}}</div></div><script>letapp=newVue({el:"#app",data:{a:"我是七个鱼啊我是七个鱼"},created(){console.log(this.a)}})</script>white-space:normal;在CSS中表示，合并空白字符，允许自动换行。
同样的white-space还有其他几个属性：
nowrap:表示合并空白字符，不允许换行
pre-line:合并空白字符(不包括换行符),允许自动换行
pre:不合并空白字符，不允许自动换行
pre-wrap:不合并空白字符，允许自动换行
解决方法
1. 使用CSS属性white-space:pre;，这个方法可能破坏原有的样式，不建议使用
2. 使用语义化标签<pre></pre>，这种方法会将输入的字符原样展示，目前没有见到破坏CSS样式
