Test CSS vlastnosti word-wrap

Word-wrap má fungovat pouze v Exploreru. Tento příklad v jiných prohlížečích nefunguje.

Tento oddíl má nastaveno word-wrap: break-word; Velicedlouhéslovoslovoslovoslovoslovoblablablaslovopokračujeneustálepokračujejednodlouhéslovoblablablaaještěchvíliještějedenkousektextuabudemepomalukončittadykončíteď! A pokračují další slova, aby bylo vidět, že jak se následující text láme a jak si poradí s nejneobhospodařovávatelnějšími slovy. Je vidět, že text se zachovává, ale dlouhé slovo se zlomí.


Tento oddíl nemá nic nastaveno nijak. Velicedlouhéslovoslovoslovoslovoslovoblablablaslovopokračujeneustálepokračujejednodlouhéslovoblablablaaještěchvíliještějedenkousektextuabudemepomalukončittadykončíteď! A pokračují další slova, aby bylo vidět, že jak se následující text láme a jak si poradí s nejneobhospodařovávatelnějšími slovy. Je vidět, že dlouhé slovo rozšíří prvek.


Tento oddíl má nastaveno word-break: break-all; Velicedlouhéslovoslovoslovoslovoslovoblablablaslovopokračujeneustálepokračujejednodlouhéslovoblablablaaještěchvíliještějedenkousektextuabudemepomalukončittadykončíteď! A pokračují další slova, aby bylo vidět, že jak se následující text láme a jak si poradí s nejneobhospodařovávatelnějšími slovy. Je vidět, že dlouhé slovo se sice zlomí, ale zlomí se i krátká slova.

Pro detailní pochopení příkladu si prosím zobrazte zdroj.

CSS příklady