chevron-left chevron-right

Piotr Nalepa Frontend, architecture and AI

[CSS] Łamanie długich tekstów za pomocą CSS

This version
blog.piotrnalepa.pl/2010/06/28/css-lamanie-dlugich-tekstow-za-pomoca-css
Published
Author
, Staff Software Engineer
Category
CSS
Feedback
Write to me · Post on X

This post is 16 years old. Browsers and tools may have changed since then, so check the code against current documentation before you use it.

W dzisiejszym bardzo krótkim artykule poruszę kwestię łamania długich ciągów znaków, takich jak na przykład linki do stron WWW, za pomocą arkuszy stylów CSS.

Na pewno wielokrotnie spotykałeś się z linkami o mniej więcej podobnej długości:
https://blog.piotrnalepa.pl/2010/05/11/css-rownomierne-rozmieszczenie-wielu-elementow-w-jednej-linii/
i zastanawiałeś się jak tak długi link można zmieścić na niewielkim obszarze tak, aby nie wychodził poza obszar?

Rozwiązanie jest proste, należy wykorzystać następujący atrybut w CSS:

Example 1CSS
white-space: pre-wrap;
Najlepiej go stosować do elementów blokowych takich jak:
  • pre
  • div
  • nagłówki - hx, gdzie x to kolejny numer
  • p

Share
Feedback

About the author

Staff Software Engineer

I've been writing this blog since 2009 and building for the web professionally for 14 years. Today I lead the frontend of the Cosmos platform at Bishop Fox, where I've been since day one of the project. Before that I worked at OLX, KUDO, Auto1 and eZ Systems. Here I write about what I've learned in practice: JavaScript, TypeScript, React, CSS and frontend architecture. I've also spoken at conferences across Poland and Europe. Got a question or an idea for a post? Let me know!