在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; //如果不想單詞內斷行可以進行單詞間的斷行
