在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