Nepieciešami visi šie nosacījumi, tāpēc tekstam jābūt vienā taisnā līnijā, kas pārpilda lodziņu, kurā šī pārpilde ir paslēpta.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Skatiet Chris Coyier (@chriscoyier) Pen Basic Overflow Ellipsis vietnē CodePen.
Šeit ņemiet vērā izmantoto fiksēto platumu. Būtība ir tāda, ka elementam ir nepieciešams noteikta veida platums, pret kuru jums jābūt īpaši uzmanīgam ar flexbox:
Skatiet Pen Thing, kuru jums jāzina par flexbox, ko izveidojis Chris Coyier (@chriscoyier) vietnē CodePen.
Vai meklējat saīsināšanu līdz noteiktam rindu skaitam?