在uniapp或者vue中單行文字或者符號無法換行的終極解決方案


在VUE開發過程中,會出現比較詭異的情況。 

比如常規的英文或中文顯示都是很正常的,但是當出現了一些中文符號(比如,!等等)在文末的時候,總是會超出view的顯示區域。

 

那么在遇到上面這種問題我們記得檢查下CSS中的樣式設置是否有如下幾個標簽,如果沒有的話記得參考下,問題妥妥的會解決。

 

div{
	white-space:normal;
	word-break:break-all;
	word-warp:break-word;
}

  具體的大致意思如下,記得看清楚

 

white-space:normal;  //規定段落中的文本不進行換行
word-break:break-all; //允許單詞中換行,在容器的最右邊進行斷開不會浪費空間
word-wrap:break-word; //防止長單詞溢出,單詞內部斷句
word-break:break-word; //如果不想單詞內斷行可以進行單詞間的斷行

 


免責聲明!

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



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