textArea保存回车换行前端不展示问题

在使用textArea保存有回车换行的数据时：如图1

图1

在不做任何处理时数据库保存的数据：如图2


图2

似乎这个保存的数据好像没有回车换行符，但是在浏览器返回的数据就可以看到带有回车的小图标，如图3

图3

问题：前端展示时不会自动进行回车换行？如图4


图4

解决方法：

1.最直接简单的方法，在style中加上"white-space:pre-line"

图5

解决后效果：如图6

图6


目标图
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容