用css或者js保留数据中的空格渲染到页面上

在渲染的时候数据里面多个空格html会自己合并成一个空格，当业务需求保留后台返回的数据里面带的空格可以在html添加一个样式，添加下图这个样式之后空格就不会合并

还有一种正则来替换空格，像下图这样替换之后所有的空格都会被转成&nbsp；也是可以渲染出来的

1. white-space 属性用于控制元素内部文本的空白处理方式。以下是 white-space 属性的常见值：

2. normal：默认值。自动处理空白符号和换行符号，合并连续的空白符号，只保留一个空格，并根据需要换行。

3. nowrap：禁止文本换行，连续的空白符号会被合并为一个空格。

4. pre：保留代码中的空白符号和换行符号，但不会自动换行。文本会按照代码中的格式显示。

5. pre-wrap：保留代码中的空白符号和换行符号，并根据需要自动换行。

6. pre-line：自动处理空白符号和换行符号，合并连续的空白符号，只保留一个空格，并根据需要换行。

7. break-spaces：自动处理空白符号和换行符号，根据需要换行，并保留连续的空白符号。

8. inherit：继承父元素的 white-space 值。

9. initial：将 white-space 属性重置为默认值。

10. unset：取消设置的 white-space 属性，恢复为默认值或继承父元素的值。