Как обеспечить перенос непереносимой строки при уменьшении экрана браузера?

Question

[maiskiykot]

Строка в контейнере ведет себя странно - переносится одно-два слова, хотя размер установлен 100% ширины и свободного места навалом. Если прибить это дело с помощью white-space:nowrap, то, при уменьшении размера экрана, строка вылазит за пределы экрана. Как с этим справиться с помощью css? Первый раз вижу такое.

Comments

[Антон]

Я медленно достаю свой шрустальный шар

[Brad9aga]

Антон, word-wrapон же overflow-wrap

[maiskiykot]

Brad9aga, При чем здесь word-wrap? Места навалом в строке - слова целиком скидываются в новую строку. Если применяю white-space - потом они, естественно, вообще перестают переноситься. Из-за этого часть строки не видно. Вот это надо победить.

[Brad9aga]

maiskiykot, код где

[maiskiykot]

Brad9aga, Код какой?

<div style="width:100%">
Какой-то текст у которого переносятся слова в конце
</div>

Answer 1

[inkShio]

Не очень понятно, что надо.
Мб, это поможет.