前端对于后端返回连续空格的展示问题

问题：后端接口返回的字符串中存在连续性空格，前端没有完全展示出空格

原因：html标签在浏览器中会将多个连续性空格合并为一个空格

解决方案：

使用CSS white-space 属性
由于我的需求是既要保留空格的个数，又要正常换行，所以用到了pre-wrap属性值。
【 white-space:pre-wrap】

white-space的相关属性

 

 

注意：在使用该属性的时候不可以使用代码格式化，否则的话，格式化后的代码会因为代码的空格或者换行从而影响到前端数据的展示。