Al het volgende is vereist, dus de tekst moet in een enkele rechte lijn staan die over een vak loopt waarin die overloop verborgen is.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Zie de Pen Basic Overflow Ellipsis van Chris Coyier (@chriscoyier) op CodePen.
Let op de vaste breedte die hier wordt gebruikt. De kern is dat het element een bepaalde breedte nodig heeft, waar je vooral voorzichtig mee moet zijn met flexbox:
Zie het Pen Thing dat je moet weten over flexbox door Chris Coyier (@chriscoyier) op CodePen.
Bent u op zoek naar afkappen tot een bepaald aantal regels?