CSS Вертикальное выравнивание текста с помощью многострочного многоточия при необходимости ⇐ CSS

[Anonymous]

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

• < li>Если текст помещается внутри контейнера: он центрируется по вертикали.
• Если текст не помещается внутри контейнера:
  
  
  < li>Любое переполнение скрыто для каждой строки (т. е. так, что последняя строка либо полностью отображается, либо скрыта, но не скрыта наполовину).
• Текст отображается с начала (вместо отображается только средняя часть из-за вертикального центрирования)
• К тексту добавляется многоточие (либо настоящее, либо поддельное с помощью взлома CSS)

В качестве бонуса, если есть более динамичные решения с прокруткой текста или автоматической вставкой «Читать дальше...» через JavaScript, укажите это или оставьте ссылку.

Решение должно работать или, по крайней мере, иметь изящные резервные варианты для старых браузеров, начиная с IE9 (не заботьтесь о старых версиях). IE).

Пример использования: комментарий внутри речевого облака фиксированного размера:




РЕДАКТИРОВАТЬ:

Полагаю, мне бы пригодилось

Код: Выделить всё

   overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
line-height: @line-height;     /* fallback */
max-height: @max-height;      /* fallback */
-webkit-line-clamp: @line-number; /* number of lines to show */
-webkit-box-orient: vertical;

Но, во-первых, это только веб-кит. И, во-вторых, что более важно, как центрировать текст по вертикали, если он умещается внутри контейнера?

Подробнее здесь: https://stackoverflow.com/questions/367 ... hen-needed