使用 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