Угловой javascript Primeng рычание не переносит текст на следующую строку - PullRequest
Новая
       7

Угловой javascript Primeng рычание не переносит текст на следующую строку

0 голосов
/ 04 октября 2019

В Angular / Javascript я пытаюсь получить текст в рычании, чтобы обернуть, используя primeng 4.0.1. В частности, я помещаю путь к файлу в рычание, и это такой длинный путь к файлу, что он не помещается в одну строку. Я просто хочу перенести его на следующую строку, но это не сработает.

Я пробовал несколько вещей. Сначала я попытался изменить CSS. Во-вторых, я попытался создать div для хранения рычания и создать класс стиля для этого div, установив для переноса слов значение «хлебное слово», а для переноса переполнения - слово «разрыв».

Первоначально у меня не было css для рычания. CSS, который я добавил (ниже), изменит цвет успешно, но кажется, что перенос по словам и перенос по переполнению не работают должным образом. 

/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 dev.

Симптом прикреплен для справки. enter image description here

1 Ответ

0 голосов
/ 08 октября 2019

Понял. Ключ к тому, чтобы это работало, также определял ширину следующим образом: 

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