在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; //如果不想单词内断行可以进行单词间的断行