文章讨论了在前端开发中，如何处理从数据库中取出的文章内容保持原始的换行和空格。问题在于浏览器默认的CSS样式white-space:normal会忽略空白。通过将white-space属性设置为pre-line，可以确保换行符被保留，从而正确显示文章格式。
首先前端输入文章的地方加入<pre></pre> 这样他自动保存空格换行
存入数据库
然后取出来看看长啥样,可以看到换行的地方就是\n
直接拿到前端看看长啥样,会发现全堆在一起没有换行
可以看到文章内容没有格式，为什么呢？因为浏览器的CSS元素默认为white-space:normal 空白会被浏览器忽略。所以修改成white-space:pre-line,合并空白符序列，但是保留换行符
最后展示：
最后：点赞评论转发收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏收藏
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
