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.