Блог

Главная - Вопросы по программированию - Как поместить длинный тег в текстовую область с помощью CSS?

Как поместить длинный тег в текстовую область с помощью CSS?

#css #angular-ui-bootstrap

#css #angular-ui-bootstrap

Вопрос:

Как я могу разбить тег, чтобы он мог поместиться в этой белой области? Здесь все CSS-коды, которые я пробовал до сих пор. 

 `.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
    background-color: #596272 !important;
    border-radius: 3px;
    height: initial;
    border: 0;
    color: #fff !important;
    padding: 7px 12px !important;
    padding-left: 0 !important;
    /* padding-right: 10px !important; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* min-width: 500px; */
    /* word-break: break-word; */
    line-break: after-white-space;
    /* position: relative; */
}`

Проблема здесь

Комментарии:

1. Пожалуйста, поделитесь рабочим примером, используя фрагмент стека

2. @yavselyil Не могли бы вы также прислать HTML-код, чтобы мы могли решить вашу проблему.

3. Вы пробовали word-wrap: break-word; ?

4. вы пробовали использовать свойство пробелов? например, пробел: pre; или обычный