Подтвердить что ты не робот

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

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

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

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

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

4b9b3361

Ответ 1

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

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

Ответ 2

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

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

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


Почему webkit-браузеры имеют все самое интересное?

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