Есть ли способ в CSS, чтобы предотвратить вдов без необходимости использования дополнительного HTML?

Question

У меня есть строка копии, которая управляется в Системе управления контентом.CMS не позволяет использовать HTML или специальные символы, такие как   или <span>.

. Я пробовал возиться с полями и отступами, но не могу получить ничего, что могло бы дать мне ожидаемый результат.

Вот как текст отображается:

<h1>This is an example of the headline.</h1>

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

Например, «заголовок» переносится на следующую строку, а не просто «заголовок» в одиночку.

Есть ли способ сделать этов одном только CSS?

Я бы хотел увидеть в CSS "white-space: no-widow", но этого не существует.

Answer 1

Краткий ответ: нет , я не знаю, как это сделать.

если , вы можете заключить эти два последних слова в промежуток сno-wrap стиль, который может работать.Но я вижу, что вы не можете добавить диапазон в вашей CMS.

Одна вещь, которую вы могли бы сделать: установить ширину h1 в em единицах, чтобы ее ширинапропорционально размеру текста.Таким образом, вы можете установить ширину, которая заставит заголовок разрываться там, где вы хотите, и эта ширина будет масштабироваться вместе с текстом.