Я хотел бы разбить содержимое элемента inline-flex на новую строку. (Контент может быть как простым текстом, так и любым html.) Я пробовал перенос слов, перенос слов, перенос через переполнение, но ни один из них, похоже, не работает. Кто-нибудь может мне помочь, пожалуйста?
<span class="tag is-light chat-bubble">${msgRes}</span>
Я использую фреймворк bulma css, поэтому я использую! Важно.
.chat-bubble
{
white-space: pre !important;
max-width: 10% !important;
padding: 2px 9px 2px 9px !important;
height: auto !important;
text-align: left !important;
}