Kaikki seuraavat vaaditaan, joten tekstin on oltava yhdellä suoralla viivalla, joka ylittää ruudun, jossa ylivuoto on piilotettu.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Katso Chris Coyierin (@chriscoyier) Pen Basic Overflow Ellipsis -koodi CodePenistä.
Huomaa tässä käytetty kiinteä leveys. Ydin on, että elementti tarvitsee jonkinlaisen määritetyn leveyden, johon sinun on oltava erityisen varovainen flexboxin kanssa:
Katso kynäasia, jonka sinun on tiedettävä flexboxista, kirjoittanut Chris Coyier (@chriscoyier) CodePenissä.
Etsitkö katkaisua tiettyyn määrään viivoja?