Łamanie na części zbyt długiego słowa z właściwością CSS word-wrap

Kategoria wpisu Kursy on przez .


1 Gwizdka2 Gwizdki3 Gwizdki4 Gwizdki5 Gwizdki (Brak ocen)
Loading...

Dzisiaj na warsztat biorę właściwość CSS word-wrap! Jest to właściwość, którą pominęłam w poprzednim wpisie.

Z jej pomocą w bardzo łatwy sposób można podzielić zbyt długie słowa, nie mieszczące się w linii na części.

Jakie wartości przyjmuje właściwość word-wrap

  • normal – jest to domyślna wartość właściwości. Zapobiega ona dzieleniu słów na części
  • break-word – właściwość ta umożliwia dzielenie słów na części.

Przykłady:


word-wrap:normal;

abecadło z pieca spadło i się potłukło aaaaaaaaaaaaaaaa trochę albo i nie


word-wrap:break-word;

abecadło z pieca spadło i się potłukło aaaaaaaaaaaaaaaa trochę albo i nie

Wsparcie przez przeglądarki

Wszystkie przeglądarki powinny obsłużyć tę właściwość!

Warto przeczytać:

źródło:

https://www.w3schools.com/cssref/css3_pr_word-wrap.asp

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *