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

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

Data aktualizacji: 18.12.2019

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.

Komentarze

Statystyki

  • 179

    Liczba porad
  • 1 801

    Liczba komentarzy
  • 6

    Narzędzi online

© 2005-2022 itporady.pl. Wszystkie prawa zastrzeżone.

Używamy informacji zapisanych za pomocą cookies i podobnych technologii m.in. w celach reklamowych, statystycznych oraz dostosowania naszych serwisów do indywidualnych potrzeb użytkowników.