Необхідно виконати все наступне, тому текст повинен бути в одній прямій лінії, яка переповнює поле, де цей переповнення приховано.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Дивіться Pen Basic Overflow Ellipsis від Chris Coyier (@chriscoyier) на CodePen.
Зверніть увагу на фіксовану ширину, яка використовується тут. Суть полягає в тому, що елементу потрібна якась визначена ширина, з якою ви повинні бути особливо обережними з flexbox:
Подивіться Pen Thing, який ви повинні знати про flexbox від Chris Coyier (@chriscoyier) на CodePen.
Шукаєте усічення до певної кількості рядків?