CSS: о выводе коротких и длинных текстов

[Maksimann]

Да, что-то даже сохраню себе

[BlackStar1991]

Бесполезная статья, Ахмад не уточняет что без словарей hyphens нифига не работает, да и поддержка у него ни о чем. Ребята, вы если беретесь что-то переводить, то для начала хоть проверьте, а не фигню ли автор городит. Хайпожоры

[devopg]

-webkit-line-clamp: 3;
самая нужная фишка, но добавлять еще 3 дополнительные строчки display, over, и т.д. это просто ужасно, ну зачем они так сделали…

[amakhrov]

Нужная, но все еще ограниченная. Очень часто при обрезании контента после 2-3-n строчек пользователю надо бы дать возможность полностью посмотреть этот контент. Всякие там кнопки "показать все", "больше" и т.д. Само собой, эта кнопка должна быть видна только когда контект реально был обрезан. Но чисто на CSS так не сделать — приходится кнопку показывать/прятать скриптом. И вся эта изящная конструкция с грохотом рушится, когда мы добавляем серверный рендеринг — ведь на сервере скрипт не знает размера окна браузера и то, обрежет ли этот браузер текст или нет.

[olegbolden]

Ещё одна фишка, которую в подобных статьях нигде отдельно не отмечают: все эти обрезания текста с `text-overflow` не будут работать, если применены к HTML-элементам, изначально не являющимся контейнерами для текстов, т.е. к div-ам и т.п. Это далеко не очевидный нюанс, из-за которого вы можете потратить кучу времени, прежде чем разберётесь, в чём дело.