Zahtevano je vse naslednje, zato mora biti besedilo v eni ravni črti, ki prekriva polje, kjer je to prelivanje skrito.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Oglejte si Pen Basic Overflow Ellipsis Chrisa Coyierja (@chriscoyier) na CodePen.
Tukaj upoštevajte fiksno širino, ki jo uporabljate. Bistvo je, da element potrebuje določeno širino, pri čemer morate biti pri flexboxu še posebej previdni:
Oglejte si Pen Thing, ki ga morate poznati o flexboxu Chrisa Coyierja (@chriscoyier) na CodePenu.
Iščete skrajšanje na določeno število vrstic?