Flexbox с многострочным текстовым многоточием ⇐ Html

[Anonymous]

Я использовал свойства CSS white-space: no-wrap, text-overflow: ellipsis и overflow: Hidden для создания усечения многострочного текста. Однако это не работает при использовании flexbox.
При использовании flex text-overflow: ellipsis всегда усекает высоту flex-элемента до одной строки.
Можно ли использовать некоторую комбинацию усечения многоточия flex и css для многострочного текста?

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

long multiline text that i would like to truncate

Я могу заставить его работать с усечением одной строки. Установка высоты вручную в сочетании с flex + пробелом: nowrap не работает.

Подробнее здесь: https://stackoverflow.com/questions/389 ... t-ellipsis