使用 CSS 解决带有换行符的文本内容呈现在 HTML 中不换行的问题

使用 textarea 提交的文本，或者本身后端返回的文本中，可能包含有换行符，但默认情况下 HTML 是不会处理这些换行符的（white-space: normal）

1、以前都是使用 js 主动将 \r\n 的换行符替换为 <br/>；

2、刚才知道，原来 CSS 可以直接处理这种情况，设置样式（white-space: pre-wrap）即可（ CSS 2.1 新增）

posted @   不是豆豆  阅读(1216)  评论(0)  编辑  收藏  举报
编辑推荐：
· AI与.NET技术实操系列：基于图像分类模型对图像进行分类
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语，封装的思维：从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热？
阅读排行：
· 25岁的心里话
· 闲置电脑爆改个人服务器（超详细） #公网映射 #Vmware虚拟网络编辑器
· 基于 Docker 搭建 FRP 内网穿透开源项目（很简单哒）
· 零经验选手，Compose 一天开发一款小游戏！
· 一起来玩mcp_server_sqlite，让AI帮你做增删改查！！
历史上的今天：
2013-09-01 细胞分裂6：黑名单 感觉卡
友情链接：迷途


点击右上角即可分享
微信分享提示