HTML空格不展示

问题描述

HTML文本节点中包含空格与渲染展示的内容不同，造成了用户直观感受到的输入空格不起作用。

问题原因

空格之所以被忽略，是因为浏览器对 HTML文本中空格的处理规则：文本的开始和结束的空格慧被忽略，内部的连续空格只会算作一个，也就是说浏览器会忽略空格的存在。

以下代码等价：

<p>  hello  word  </p>
<p>  hello  word</p>
<p>hello  word  </p>
<p>  hello word  </p>
<p>hello word</p>

####解决方案

1. 使用 或者 

2. 需要注意：React中会存在讲变量的内容完全当作文本输出，不采用转译渲染。[可以参考查看相关解决方法](https://juejin.cn/post/6844904180822327303#heading-3)

3. 使用pre标签