在vue中是文字换行
今天遇到一个问题,在显示静态资源没有请求接口的时候显示的数据可以进行换行,但是访问了接口后返回的数据正常,但是显示超出屏幕出现横向滚动条,找了半天的原因,发现可以用css进行操作对你要进行操作的盒子进行css的设置div{white-space:normal;word-break:break-all;word-warp:break-word;}进行这样的设置文字自然进行换行...
·
今天遇到一个问题,在显示静态资源没有请求接口的时候显示的数据可以进行换行,但是访问了接口后返回的数据正常,但是显示超出屏幕出现横向滚动条,找了半天的原因,发现可以用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; //如果不想单词内断行可以进行单词间的断行
更多推荐
已为社区贡献8条内容
所有评论(0)