Lõigake string koos ellipsiga - CSS-trikid

Anonim

Kõik järgnevad on nõutavad, seega peab tekst olema ühes sirgjoones, mis ajab üle kasti, kus see ülevool on peidetud.

.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )

Vaadake CodePenilt Chris Coyieri (@chriscoyier) Pen Pen Overflow Ellipsi.

Pange tähele siin kasutatavat fikseeritud laiust. Põhimõte on see, et element vajab mingit kindlat laiust, mille suhtes peate flexboxi puhul eriti ettevaatlik olema:

Vaadake pliiatsi asja, mida peate flexboxi kohta teadma Chris Coyier (@chriscoyier) CodePenis.

Kas otsite kärpimist teatud arvu ridade jaoks?