Как переделать -webkit-box на flex

Имеется примерно вот такой CSS, смысл которого - отображать не более двух строк текста, при необходимости отрезая лишнее с помощью троеточия:

.product-thumb h4 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

Можно ли получить то же самое, используя display: flex;? Большой брат говорит, что flexbox не поддерживает line clamping, но большой брат периодически врёт, хотя почему-то по быстрому нагуглить решение у меня не получилось, неужели действительно так оно и есть?

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