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

Data aktualizacji: 22.04.2024r. Autor: Bartosz Stefanicki.

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

Może się to przydać, gdy strona jest "rozciągnięta" przez jedno długie słowo, jeden 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.

Kategorie: HTML + CSS. Tagi: #css, #tekst. Źródło obrazków: Pixabay, Font awesome.

Zobacz także

Komentarze