Strona główna >WWW >Leksykon HTML – elementy i atrybuty >wbr – możliwe miejsce podziału

wbr – możliwe miejsce podziału

bardzo<wbr>długie<wbr>słowo

Miejsce, w którym przeglądarka może złamać wiersz, jeśli słowo się nie mieści – ale tylko wtedy. Przydaje się w długich adresach URL, nazwach plików albo złożonych słowach w wąskich kolumnach. Inaczej niż przy &shy; (miękki dywiz) w miejscu podziału nie pojawia się łącznik.

  • Domyślne wyświetlanie: display: inline
  • Znacznik zamykający: brak – element pusty (void element) bez zawartości i bez znacznika zamykającego
  • Zawartość: nic
  • Gdzie może wystąpić: wszędzie, gdzie dozwolona jest treść frazowa
  • Interfejs DOM: HTMLElement

Atrybuty

Tylko atrybuty globalne.

Przykłady

Długi adres URL w wąskiej kolumnie – łamie się po ukośnikach:

<p class="narrow">www.example.com/<wbr>przepisy/<wbr>chleb-zytni-na-zakwasie-przepis/</p>

.narrow {
  width: 180px;
  padding: 6px;
  border: 1px solid #ccc;
}
Wynik

www.example.com/przepisy/chleb-zytni-na-zakwasie-przepis/

Na co uważać

  • Jeśli słowo się mieści, wbr nic nie robi – inaczej niż br, który łamie zawsze.
  • Do łamania długich słów w ogóle wystarczy CSS: overflow-wrap: anywhere albo hyphens: auto.

Obsługa w przeglądarkach

Baseline – szeroko dostępne: działa we wszystkich popularnych przeglądarkach, i to od dawna (najpóźniej od 2015 roku). Od wersji: Chrome 1, Firefox 1, Safari 4. Stan: październik 2026 (MDN browser-compat-data).

Zobacz też:
br – podział wiersza
pre – tekst preformatowany
span – ogólny element liniowy