CSS3 Text Overflow

Transformace — deformace tvaru, pozice nebo velikosti elementu

Poznámka: Šířka boxů vyznačuje podíl prohlížeče na návštěvnosti českých webů podle Rankings.cz z června 2012.

Varianta text-overflow: ellipsis je podporovaná všude možně a hrozně užitečná. Nad užíváním skoro není potřeba váhat. :-)

Základní syntaxe podle W3C bez prefixových variant

text-overflow: ( clip | ellipsis | <_retezec_> );

Text v boxíku se uřízne po prvním řádku a nebude dál pokračovat.

#ellipsis-example p {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}