Скрытие (обрезание) текста

Чтобы обрезать однострочный текст и добавить в конце многоточие:

text-overflow: ellipsis;

white-space: nowrap;

overflow: hidden;

Чтобы сделать тоже самое с многострочным текстом:

display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

В примере мы обрезаем текст до высоты двух строк. Поддержка браузерами отличная, за исключением разве что устаревшего IE. 

В свойстве используется хромовский префикс -webkit-, с которым свойство работает как ни странно, в том числе и в IE. Почему так, пока не ясно.