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

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

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

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

posted @ 2020-09-01 22:35  不是豆豆  阅读(1156)  评论(0编辑  收藏  举报
友情链接:迷途