问题来源：

实际项目当中用到富文本编辑器来创建一个富文本，保存富文本内容时，上传给服务器的内容为一个字符串，例如：

<p> 我前面有两个空格</p>

当预览富文本时，获取后端返回的数据也正是如上的字符串，我使用如下的方式，this.state.content就是我要展示的字符串，此时出现的问题是：空格没有展示出相应的效果（多个空格只展示一个）。

<div dangerouslySetInnerHTML={{__html:this.state.content }}>

</div>

解决方案：

使用CSS white-space 属性，来保留空格。

<div dangerouslySetInnerHTML={{__html:this.state.content }} style={{whiteSpace:"pre-wrap"}} >

</div>

没效果咋办
先记下解决方法：使用css的white-space属性 css的white-space属性各个值： normal...
【重拾基础】耐人寻味的CSS属性white-space
《耐人寻味的CSS属性white-space》，本文说的white-space是一个控制换行和空白处理的CSS属性...
css white-space属性详解
white-space属性表 css white-space这个css样式，用来设置element元素对内容中的空...
white-space
white-space white-space CSS 属性是用来设置如何处理元素中的空白。语法 Formal ...
在html页面填入字符串，\n换行不起作用，怎么办？
CSS white-space 属性可以在DOM元素中使用white-space: pre-line;这样在ht...
CSS white-space 属性
问题来源：实际项目当中用到富文本编辑器来创建一个富文本，保存富文本内容时，上传给服务器的内容为一个字符串，例如：...
css white-space属性
whiteSpace 属性设置如何处理文本中的空白符（比如空格和换行符）。normal 默认。空白会被浏览器忽略...
CSS实现pre标签中内容换行方法
pre{white-space: pre-wrap; /* css-3 /white-space: -...
微信小程序文本如何换行
微信小程序文本如何换行 1、替换标签为\n 2、使用 css 属性：**white-space:pre-wr...
CSS零碎
CSS自动换行、强制不换行、强制断行、超出显示省略号使用white-space属性强制不换行p { white-...