Необходими са всички изброени по-долу, така че текстът трябва да бъде в една права линия, която прелива в поле, където това препълване е скрито.
.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.
Търсите съкращаване до определен брой редове?