Je vyžadováno vše následující, takže text musí být v jedné přímé linii, která přeteče pole, kde je tento přetečení skryt.
.truncate ( width: 250px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; )Podívejte se na základní elipsu přetečení pera od Chrisa Coyiera (@chriscoyier) na CodePen.
Zde si všimněte použité pevné šířky. Podstatou je, že prvek potřebuje určitý druh určené šířky, na kterou musíte být při flexboxu obzvláště opatrní:
Podívejte se na věc Pen, kterou musíte vědět o flexboxu od Chrisa Coyiera (@chriscoyier) na CodePen.
Hledáte zkrácení na určitý počet řádků?