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

[Anonymous]

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

При использовании flex переполнение текста: многоточие всегда усекает высоту гибкого элемента до одной строки.

Можно ли использовать некоторую комбинацию усечения многоточия flex и css для многострочного текста?

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

long multiline text that i would like to truncate

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

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