vue 文本超出,换行展示,添加white-space: pre-wrap无效

   
样式: .text-wrapper { white-space: pre-wrap; }

vue 文本超出,换行展示,添加white-space: pre-wrap无效_第1张图片有的部分还是超出了元素

解决:添加两个样式

word-break: break-all;
word-wrap: break-word;

.text-wrapper {
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre-wrap;
}

vue 文本超出,换行展示,添加white-space: pre-wrap无效_第2张图片

你可能感兴趣的:(prevue.jscss)