Vyžadujú sa všetky nasledujúce skutočnosti, takže text musí byť v jednej priamke, ktorá pretečie cez pole, kde je tento pretek skrytý.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Prezrite si Pen Basic Overflow Elipsis od Chrisa Coyiera (@chriscoyier) na stránkach CodePen.
Tu si všimnite použitú pevnú šírku. Podstata je v tom, že prvok potrebuje určitý druh šírky, s ktorým musíte byť pri flexboxe obzvlášť opatrní:
Pozrite sa na vec, ktorú musíte vedieť o flexboxe od Chrisa Coyiera (@chriscoyier) na CodePen.
Hľadáte skrátenie na konkrétny počet riadkov?