在uniapp或者vue中，单行文字或者数字无法换行导致后面内容无法展示问题的解决方案_uniappview里面纯数字时不换行

在vue或者uniapp的开发中，有时候会遇到比较奇怪的问题，这里以uniapp举例：

<view>
	<text>任务归类：23146498798798865456465489797</text>
	<text>任务归类：23146498798798865456465489797</text>
</view>
1
2
3
4

在我的实际开发中，如果 text 标签中的内容为数字，且内容过长的时候，在h5端显示会导致不换行，从而只展示前面的内容；但如果是汉字的话，则不会出现这样的问题，很奇怪。

在遇到上面的情况的时候，我们需要去检查一下CSS样式中是否设置以下几个标签，问题一般都会得到解决。

 view {
 	white-space: normal;  // 规定段落中的文本不进行换行
 	word-break: break-all;  // 允许单词中换行，在容器的最右边进行断开不会浪费控件
 	word-wrap: break-word;  // 防止长单词溢出，单词内部短句
 }
1
2
3
4
5

其中，当 word-break: break-word; 时，表示 如果不想单词内断行可以进行单词间的断行。