Как сделать обрезание по строкам текста без -webkit-line-clamp с троеточием в конце?

Question

[rd100]

На подобии максимально высоты попробовал, но в конце троеточие не получается поставить
https://jsfiddle.net/cpmtabqr/2/

Comments

[Ankhena]

без -webkit-line-clamp с троеточием в конце?

Сначала расскажите по какой причине его нельзя использовать?
Где вы вообще берете вопросы с такими дурацкими требованиями?

Ну а так, пока этого свойства не было, задачу решали двумя способами
1. на js
2. на css пристраивали в конец псевдо с тремя точками, который перекрывал контент (не всегда красиво)

[FrelFrloich]

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

[Ankhena]

FrelFrloich, ну ещё лишних тегов не хватало приличному человеку.

Бэк только количество символов знает, если шрифт не моноширный, может получится разное количество строк при одинаковом количестве символов.
А если ширина блока адаптивна, а количество строк неизменно, то тоже бэк не поможет.
Или просто на десктопе все показываем, на мобилках обрезаем.
Короче, нюансы

[FrelFrloich]

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

[rd100]

Ankhena, а через js как?
У меня кроме топорной обрезки строки, пока ничего не получилось, как сделать красивое троеточие как бы.

[Ankhena]

rd100, хотите извращаться по непонятной причине - гуглите сами. Это легко.

Answer 1

[FrelFrloich]

Вот как делают на ютубчике в коментах. Опять таки же, объясни для чего тебе это.



+ - вроде это тебе надо, но я так и не понял.

https://codepen.io/FrelAderal/pen/mdMgdOV