Reikalingi visi šie dalykai, todėl tekstas turi būti viena tiesia linija, kuri perpildo langelį, kuriame tas perpildymas paslėptas.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Žr. Chriso Coyier (@chriscoyier) „Pen Basic Overflow Ellipsis“ svetainėje „CodePen“.
Čia atkreipkite dėmesį į naudojamą fiksuotą plotį. Esmė ta, kad elementui reikia tam tikro nustatyto pločio, į kurį turite būti ypač atsargūs su „flexbox“:
Peržiūrėkite „Pen Thing Pen“, kurį turite žinoti apie „Chrisbox Coyier“ (@chriscoyier) „flexbox“ „CodePen“.
Ieškote sutrumpinti tam tikrą skaičių eilučių?