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.
Szukasz hostingu?
Jest dużo firm oferujących hosting, ale którą wybrać? Przedstawiamy zestawienie najciekawszych propozycji i ranking hostingów (Maj 2022).
Autor: Bartosz Stefanicki. Data publikacji: 28.10.2015 r. Tagi: css, tekst. Źródło obrazka porady: Pixabay.