Jak złamać długi ciąg znaków w HTML/CSS?

HTML + CSS Data aktualizacji: 18.12.2019

Jak złamać długi ciąg znaków w HTML/CSS?

To nie jest skomplikowana porada, aczkolwiek zauważyłem, że niektórzy zapominają o istnieniu tej "sztuczki" przy tworzeniu stron internetowych. Może się to przydać na przykład wtedy, gdy strona jest "rozciągnięta" przez jedno długie słowo, jeden długi link lub po prostu długi ciąg znaków. Jak się tego pozbyć?

Kod jest krótki, ale naprawdę przydatny.

* { word-wrap:break-word; }

Powyższy kod sprawi, że instrukcja będzie dotyczyć wszystkich elementów naszej strony. Poniższy natomiast sprawi, że będzie to dotyczyć wyłącznie paragrafów. Możliwości konfiguracji jest wiele.

p { word-wrap:break-word; }

Dostępne wartości: normal (domyślna), break-word, inherit. Dziedziczenie: tak. Obsługują przeglądarki: Mozilla Firefox, Chrome, Safari, Internet Explorer.