.text-box {
  word-break: break-all;
}

word-break: break-all; 是一种 CSS 属性，用于控制文本的换行行为。它会强制打断单词，使文本在任何地方都可以换行，即使是在单词中间。这个属性在处理长文本或没有自然断点的内容时非常有用，比如长的英文单词、网址或文件路径。

方法换行

  const huanHang= (content) => {
    return content?.replace(/\n/g, '<br/>') || '';
  };


  <div class="text-box"  v-html="huanHang(props.projectInfo?.reason)  "  ></div>

三 css换行 white-space

  word-break: break-word; /* 避免长单词溢出 */
    white-space: pre-line; /* 识别 \n 并换行 */