TL;DR
Нужно найти все необходимые слова в строке + следующее за ним слово и обернуть каждое найденное слово в span, у которого будет свойство
white-space: nowrap;
.
Предположим, что в строке
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste nihil,
quod sed nesciunt corporis sit. Totam ex veniam, modi pariatur vitae deleniti.
Optio quibusdam recusandae illum culpa ea cumque pariatur?
нужно, чтобы слово
Totam ex переносилось на новую строку, если оно стоит последним в строке.
Мы знаем, что если следующее слово, которое идет за нужным (в примере это
veniam), окажется в конце строки, то как только ширина контейнера уменьшиться на такое значение, при котором это слово перенесется на новую строку — последним словом, оставшимся в первой строке будет наше нужное слово.
По скольку по условию мы не хотим, чтобы последним словом в строке было слово
Totam ex мы должны перенести его в тот момент. когда переносится слово
veniam. Для этого мы можем обернуть наше слово + следующее за ним в какой-то тег и добавить этому тегу свойство
white-space: nowrap;
Данное свойство не позволит перенести слово
veniam отдельно от
Totam ex, а это как раз то, что нам нужно.
Простой пример: