Возможно ли вертикальное переполнение текста с помощью css3?

Question

чтобы добавить многоточие к слишком длинному предложению, вы можете использовать этот метод: http://jsfiddle.net/ArKeu/

, который прекрасно работает для ширины, но возможно ли также добавить многоточие вертикально? это не похоже на работу: (

http://jsfiddle.net/ArKeu/2/

Кто-нибудь знает это, спасибо.

Answer 1

В настоящее время не существует кросс-браузерного CSS-метода для достижения такого поведения.

Вы можете сделать это сейчас только в браузерах на основе webkit, используя -webkit-box и -webkit-line-clamp, см. http://jsfiddle.net/ArKeu/7/

Answer 2

UPDATE! ОБНОВИТЬ! UPDATE!

Со времени, когда я написал этот ответ, Clamp.js , похоже, остыл и умер Проект все еще существует на github, так что вы можете проверить его.

Но здесь есть лучшая альтернатива: ftellipsis . Это кросс-браузер.

---

Почему браузеры WebKit должны веселиться?

Это решение гораздо более обширное и обеспечивает поддержку других браузеров. http://reusablebits.com/post/2642059628/introducing-clamp-js (неработающая ссылка)