近來做項目有遇到一個小坑:
要求文本框輸入完之后,內容可以上下居中,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切換的代碼: