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

   <div class="reply-msg text-wrapper" v-html="item.content"> </div>

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

有的部分还是超出了元素

解决：添加两个样式

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

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