Как использовать переполнение текста: многоточие для трехстрочного усечения?

Question

Как использовать эллипсис в CSS для усечения после трех строк текста, а не 1?

У меня это до сих пор, но оно работает только для текста на одной строке. Я хочу, чтобы текст обернулся дважды (для цитаты).

.truncate { 
    width: 250px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
} 

Answer 1

Это не может быть сделано во всех браузерах css3, но только webkit.

.line-clamp { 
    display: -webkit-box; 
    -webkit-line-clamp: 3; 
    -webkit-box-orient: vertical; 
} 

Я использую clamp.js, если мне действительно нужно укоротить