在特殊情况下文本不会中断答案

【问题标题】：Text doesn't break in special case在特殊情况下文本不会中断
【发布时间】：2022-02-11 17:09:09
【问题描述】：

我有一个问题，即文本不会在使用 Vue.js 制作的弹出窗口中中断，该弹出窗口包含在这样的标题中：

如果我将弹出窗口包含在主屏幕中，文本会正常中断，但如果我将它包含在标题中则不会。我还在包含文本的

元素周围绘制了边框，并且边框绘制正确。

【问题讨论】：

【解决方案1】：

.header-frame 类正在添加 css：

.header-frame {
  white-space: nowrap;
}

这就是文本在标题内时不会中断的原因。

尝试添加

white-space: pre-wrap;

或

white-space: initial;

【讨论】：

【解决方案2】：

您可以添加以下样式规则：

white-space: pre-wrap;

在：

<p slot="modal-paragraph" style="border-style: solid;whitespace:pre-wrap">

【讨论】：

【解决方案3】：

尝试删除：

white-space: nowrap;

来自header-frame类

【讨论】：