Обтекание текста в HTML таким образом, что следующая строка становится длиннее

Question

Я использую титры на изображениях на своем веб-сайте. Заголовки внизу, и мне не нравится, когда заголовок длинный (максимум в 2 строки в моем случае), текст обертывается таким образом, что у меня длинная первая строка и короткая секунда линия.

мне не нравится это:

"aaaaa aaaa aaaa aaaa 
aaaa " 

Я пытаюсь получить что-то вроде этого:

"aaaaa 
aaaa aaaa aaaa aaaa" 

Любые предложения, как я бы добиться такого рода упаковки с помощью CSS?

Answer 1

Просто используйте синтаксис HTML5 для решения этой проблемы.

Элемент <br>. or <br/> обозначает возможность, где содержимое может обернуть для сохранения удобочитаемости. Имейте в виду, что это только HTML5.

Answer 2

Я не думаю, что это проблема для css. вам нужно выполнить предварительную или пост-обработку в строке с использованием javascript или C# или любого другого языка сервера, который вы используете. вам нужно рассчитать, где вы хотите разрывы на основе размера строки, и добавить тег <br/> или, возможно, символ новой строки.