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


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

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

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM