Как сделать три точки, если текст не помещается в блок?

Question

[Роман Тузов]

Я вполне понятно объяснил в вопросе. Вот код https://codepen.io/HutsonR/pen/ZEYjdxg Зарнее спасибо! :)

Answer 1

[Шохрух Шаймардонов]

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

Comments

[Роман Тузов]

Спасибо, но я уже находил такой ответ. Мне не подходит вариант без переноса. Как вы видите, на моём примере перенос обязателен. Есть ещё варианты?

[Шохрух Шаймардонов]

Hutson, плохо копались. А зря
Там ниже показали как сделать троеточие на n-строчке

[Роман Тузов]

Большое спасибо! ) Нашёл своё решение:
display: -webkit-box;
-webkit-line-clamp: 3; /* after 3 line show ... */
-webkit-box-orient: vertical;

[Владислав Лысков]

Hutson, и в каком браузере твоё решение работает, кроме хрома и ему подобных?

[Роман Тузов]

Владислав Лысков, а где оно может не работать? И какие именно браузеры вы подразумеваете? Кроме хрома пробовал в Яндексе

[Владислав Лысков]

Hutson, не будет работать в мозиле

[Владислав Лысков]

sashabeep, окей, я опозорился, действительно, менее, чем полгода назад свойство добавили в мозилу и оперу, и это замечательно

[Шохрух Шаймардонов]

Владислав Лысков, с кем не бывает)