добиться через css, чтобы в элементе как на картинке text-overflow применялся через указанное кол-во строк? Пока что нашёл только такой способ, но как я понял - это всё экспериментальные свойства и юзать их не очень хорошо...
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
П.с.
Через жс знаю как сделать, хотелось бы обойтись чисто css, либо услышать, что это невозможно. )
https://stackoverflow.com/questions/11426275/how-can-i-show-dots-in-a-span-with-hidden-overflow
лишь бы ответить
? Там нет решения?
Почему не очень хорошо?
-webkit-line-clamp имеет поддержку 96.29% все ок
там решения для однострочного скрытия текста, спрашивалось для N строк
Немного смутили префиксы и малое кол-во инфы об этой фиче. Если так, то продолжу юзать, спасибо!
проблема только с -webkit-box-orient, в firefox она не поддерживается, и вообще deprecated
Блин, тогда я вообще ничего не понял, без этого line-clamp не работает, какая-то странная новая фича получается...
https://css-tricks.com/line-clampin/ вот посмотри там через высоту строки и псевдоэлементами можно кроссбразуерно решить
в ютубе названия роликов обрезаются кстати через box-orient и line-clamp
Пойду вникать, вроде бы какая-то базовая вещь, а поставила в тупик. Если ещё корректно с flex-shrink будет работать, то вообще огонь. Ещё раз спасибо! )
Обсуждают сегодня