Angular javascript Primeng咆哮不会将文本换行到下一行

Question

在 Angular/Javascript 中，我正在尝试使用 primeng 4.0.1 使咆哮中的文本换行。具体来说，我将文件路径放入咆哮中，它的文件路径太长了，它不适合一行。我只是想让它换行到下一行，但它不会那样做。

我已经尝试了很多东西。首先，我尝试修改css。其次，我尝试创建一个 div 来保存咆哮声并为该 div 创建一个样式类，将 word-wrap 设置为 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 开发。

附上症状供参考。

Answer 1

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

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