css實現div標簽的換行和空格保留


近來做項目有遇到一個小坑:

要求文本框輸入完之后,內容可以上下居中,textarea里面的內容沒辦法實現,我便考慮用div代替,

默認展示用div:點擊div時,textarea獲得焦點,textarea失去焦點的時候 回到div情況

但是遇到了換行和空格的問題 

我用了css屬性white-space

white-space: pre-line; // div識別換行

white-space: pre; // div識別空格

但是不能共存

同事還用了插件試,結果各種坑。。。

 

然后我今天又試了一下 white-space: pre-wrap; 足矣 ,pre標簽也用不上

【手動狗頭】

原文鏈接:https://blog.csdn.net/yanzisu_congcong/article/details/85247982

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

奉上文本框和div切換的代碼:

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM