css实现div标签的换行和空格保留

近来做项目有遇到一个小坑：

要求文本框输入完之后，内容可以上下居中，textarea里面的内容没办法实现，我便考虑用div代替，

默认展示用div：点击div时，textarea获得焦点，textarea失去焦点的时候 回到div情况

但是遇到了换行和空格的问题 

我用了css属性white-space

white-space: pre-line; // div识别换行

white-space: pre; // div识别空格

但是不能共存

。

。

。

。

同事还用了插件试，结果各种坑。。。

 

然后我今天又试了一下 white-space: pre-wrap; 足矣 ，pre标签也用不上

【手动狗头】

原文链接：https://blog.csdn.net/yanzisu_congcong/article/details/85247982

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

奉上文本框和div切换的代码：