vue v-html换行回车失效

1,593 阅读1分钟

在vue的项目中,使用v-html显示文本时,需要换行的话,需要加上一个样式属性:

white-space:pre-wrap

以上属性只能设置中文换行,英文不换行,因为英文是一串字母,被认为是一个单词,所以不换行,加上以下样式属性:

overflow:hidden;
white-space:normal;
word-wrap:break-word;
word-break:break-all;
text-overflow:ellipsis;