Как сделать так, чтобы короткие слова(предлоги, местоимения и т.д.) переносились на новую строку автоматически?

105

10 апреля 2021, 06:10

Вот пример текста:

Человек, который никогда не делал ошибок, никогда не пробовал ничего нового.<

В зависимости от разрешения экрана устройства, у всех разное количество символов отображается на экране(спасибо КЭП). Как сделать так, чтобы 'не' всегда переносилось на новую строку, если остается последним словом в строке?

Answer 1

Вариант 1: в тексте после предлогов вместо обычного пробела вставлять неразрывный ( ) - он предназначен именно для таких случаев.

Вариант 2: слова вместе с предшествующими предлогами оборачивать в элемент с CSS-свойствами display:inline-block; white-space:nowrap;

Первый вариант на порядки кошернее.

Если текст содержимого не ваш, а вы его получаете откуда-то, то тут без скрипта не обойтись. Примерно так: пройти по всему тексту и заменить слова_из_не_более_двух_(трех/сколько_надо)_букв + все_пробелы_и_разрывы_строк_подряд на эти же слова плюс неразрывный пробел.