Перенос текста в HTML так, что следующая строка становится длиннее

Question

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

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

"aaaaa aaaa aaaa aaaa
 aaaa "

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

"aaaaa
 aaaa aaaa aaaa aaaa"

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

Answer 1

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

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

Answer 2

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