Все следующее является обязательным, поэтому текст должен быть в одной прямой линии, которая выходит за пределы поля, где это переполнение скрыто.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )См. Статью Криса Койера (@chriscoyier) на CodePen в разделе Pen Basic Overflow Ellipsis.
Обратите внимание на используемую здесь фиксированную ширину. Суть в том, что элементу нужна определенная ширина, с которой нужно быть особенно осторожным с flexbox:
См. Статью Криса Койера (@chriscoyier), которую вы должны знать о flexbox, на CodePen.
Ищете усечение до определенного количества строк?