Javascript 尖利的咆哮赢得了'；不要将文本换行到下一行

在Angular/Javascript中，我试图使用primeng 4.0.1将咆哮中的文本包装起来。具体地说，我把一个文件路径放在咆哮中，它是一个很长的文件路径，不能放在一行中。我只是想把它包装到下一行，但它做不到

我试过很多东西。首先，我尝试修改css。其次，我尝试创建一个div来保存咆哮，并为该div创建一个样式类，将wordwrap设置为bread word，将overflow wrap设置为break word

最初，我没有用于咆哮的css。我添加的css（如下）将成功地更改颜色，但看起来word wrap和overflow wrap并没有像它们应该的那样工作

/deep/.ui-growl-message {
    float: left;
    color: purple;
    word-wrap:break-word !important;
    overflow-wrap: break-word !important;

}

html如下所示：

<p-growl [(value)]="msgs" sticky="false"></p-growl>

抱歉，如果这是一个新手问题-我真的不做UI开发

附上症状以供参考。

---

明白了。使其工作的关键还在于指定宽度，如下所示：

/deep/.ui-growl-message {
    float: left;
    color: purple;
    word-wrap:break-word !important;
    overflow-wrap: break-word !important;
    width: 85%;
}

---

您是否尝试过

空白：正常

？@Enve很抱歉延迟回复您-周末无法访问代码。我刚才尝试了空白：正常属性，但它似乎没有任何效果。在这种情况下，我不知道原因可能是什么。如果你能在角度渲染后分享更多的代码，那会很有帮助。只需检查浏览器中的元素并复制相关的HTML/CSS