Word-break
CSS vlastnost word-break umožňuje zalomit řádek i uprostřed libovolného slova.
| hodnoty | zalamování slov |
|---|---|
| normal | řádky se lámou tak, jak je normální: nikdy uprostřed slov. Čeká se na mezeru nebo jiný znak, umožňující řádkový zlom (např. spojovník) |
| break-all | zalomí řádek klidně i uprostřed slova. Stačí, když dojde na konec řádku. |
| keep-all | pouze pro asijské texty, kde pravděpodobně drží pohromadě nějaké páry znaků. V jiných jazycích se chová stejně jako hodnota normal. |
Podobná vlastnost je Word-wrap, která ale podle potřeby láme jen příliš dlouhá slova, která se nevejdou na řádek.
Časem přibyla ještě vlastnost line-break s hodnotami auto. loose, normal,s trict a anywhere. Stupňuje možnosti lámání textu podle různých typů typografických značek v asijských jazycích.
Podpora
| Prohlížeč | Podpora ve verzích | Poznámka |
|---|---|---|
| Internet Explorer | 5.5 | |
| Mozilla | všechny verze | |
| Chrome (Opera) | všechny verze |
Příklady
<p style="word-break: break-all; width: 180px; outline:
1px solid gray;">
word-break: all; Tohle je nějaký delší text s dlouhatananáááááááááááánským
slovem v úzkém sloupku. Jak je vidět, zalamuje se, kde ho napadne.
</p>
<p style="word-break: normal; width: 180px; outline: 1px solid gray;">
word-break: normal; Tohle je nějaký delší text s
dlouhatananáááááááááááánským slovem v úzkém sloupku. Dlouhé slovo se nezalomí.
</p>
<p style="word-wrap: break-word; width: 180px; outline: 1px solid gray;">
word-wrap: break-word; Tohle je nějaký delší text s
dlouhatananáááááááááááánským slovem. Dlouhé slovo se zalomí a ostatní se chovají
normálně.
</p>
živá ukázka:
word-break: all; Tohle je nějaký delší text s dlouhatananáááááááááááánským slovem v úzkém sloupku. Jak je vidět, zalamuje se, kde ho napadne.
word-break: normal; Tohle je nějaký delší text s dlouhatananáááááááááááánským slovem v úzkém sloupku. Dlouhé slovo se nezalomí.
word-wrap: break-word; Tohle je nějaký delší text s dlouhatananáááááááááááánským slovem. Dlouhé slovo se zalomí a ostatní se chovají normálně.
Příklad se vztahuje také k vlastnosti word-wrap, která je podle mého názoru nejužitečnější pro řešení problémů s příliš dlouhými slovy.
Reklama
