javascript - Angular javascript Primeng growl不会将文本换行到下一行

Question

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

我试过很多东西。首先，我尝试修改 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%;
}