jQuery & CSS - вырезать текст по высоте, без усечения

Question

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

Проблема

• Моя высота текста будет X илименьше пикселей по высоте.
• Высота элемента div зависит от высоты боковой панели и не является такой же статичной, как в этой демонстрации.
• Если буквы в последнем ряду теперь обрезаны (se demo)Я тоже хочу скрыть этот ряд.

Посмотрите на мою демонстрацию: http://jsfiddle.net/qWDLb/1/

Я бы сам подумал, если бы высоту можно было рассчитатьиспользуя высоту строки или размеры шрифта?

Answer 1

Вы можете определить высоту строки с помощью:

$('.text').css('line-height')

Это даст вам эту высоту с 'px' в конце.Вот рабочий jsfiddle для отображения 4 строк: http://jsfiddle.net/scaillerie/qWDLb/3/.

Answer 2

Вам захочется иметь дело с EM.Определите высоту div, и при необходимости вы можете уменьшить высоту DIV, чтобы скрыть частичную линию.-convert пикселей к эм-почему потребительной ems_31.html