Как убрать пустое место?

Question

[Old_Chicken]

У меня есть контейнер , внутри которого есть блок , размеры данного блока зависят от текста внутри , но я не могу понять , как мне убрать пустое место когда предыдущие слово не влезло и перешло на новую строку ?

Comments

[Ankhena]

1. Ставить br (или лучше span его заменяющий), тогда сработает fit-content
2. Использовать text-wrap: balance;. Дыру не уберет, но текст будет переносить посимпатичнее
3. JS

p.s. text-align justify предлагать не буду, слишком страшно выглядит.

[Алекс Глебов]

Задав display: inline; и получив document.querySelector('.message__item').getBoundingClientRect() можно добавить элемент с фоном абсолютом

Answer 1

[Ivan Ustûžanin]

никак, такое поведение не предусмотрено для элементов, в которых из-за overflow произошла разбивка на несколько строк

Comments

[Kentavr16]

Можно использовать text-align:justify; . Это конечно не про решение а про наименее уродливый из вариантов.

[Ivan Ustûžanin]

Kentavr16, вариант, да, но не всегда подходящий, если конечно дырки внутри строки это норма )