在vue中是文字换行

今天遇到一个问题，在显示静态资源没有请求接口的时候显示的数据可以进行换行，但是访问了接口后返回的数据正常，但是显示超出屏幕出现横向滚动条，找了半天的原因，发现可以用css进行操作
对你要进行操作的盒子进行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; //如果不想单词内断行可以进行单词间的断行