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ć całej strony. Poniższy 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.

↑ Skocz do góry

Opublikowano: 28 października 2015. Autor: Bartosz Stefanicki.
Tagi: , .

Dodaj komentarz

Bądź pierwszy!

avatar
wpDiscuz