Zkrácený řetězec s elipsou - Triky CSS

Obsah

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ů?

Zajímavé články...