Перенос на следующую строку двух последних слов если текст не вмещается. На сss можно использовать white-space: nowrap; - но тогда весь текст отображается одной строкой А как можно решить вопрос чтобы в случае если текст не вмещается и необходим перенос на следующую строку но двух последних слов. На сколько я понимаю это можно только при помощи JS сделать.
Да, css переносит столько, сколько понадобится (от нуля до половины оригинальной строки). Но делать такое через js, в принципе, плохая идея и не такая простая, как может показаться, особенно в случае адаптивного сайта!
Я просто думаю как это можно реализовать, т.к. у меня есть название категории и количество акций (пример: Спортивные товары 45) и когда 45 улетают на другую строку это совсем НЕкрасиво смотрится и хотелось бы чтобы улетало "товары 45" - но пока способа реализовать не нашел. Или я с CSS не так что-то понял? Или как идея в голову пришла, сделать как-то связку последнего слова и цифры, или в отдельный блок их взять, или какой-то прозрачный элемент добавить - только не совсем уверен что это будет правильно
Есть неразрывный пробел: HTML: Если поставить его перед числом вместо обычного пробела, число никогда не перенесётся само.
Неразрывный пробел - это, в принципе, единственный адекватный вариант! А вот добавлять его через js - неправильно, надо это делать на бекенде.
