Często podczas justowania tekstu spotykamy się z efektem, który nie wygląda najlepiej. Mianowicie długie przerwy pomiędzy wyrazami, które wyglądają na przykład tak:

 

rozstrzelony-tekst

 

Z pomocą przychodzi nam właściwość z CSS Text Module, dzięki której wyrazy w tekście będą dzielone automatycznie. Wystarczy w pliku odpowiedzialnym za styl skorzystać z następującej deklaracji:

 

p {
     text-align: justify;

     -webkit-hyphens: auto;
     -moz-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
}

 

rozstrzelony-tekst-hyphen

Wartość hyphens może przyjąć trzy wartości:

  • none – wyrazy nie będą dzielone,

  • auto – wyrazy będą dzielone automatycznie,

  • manual – wyrazy będą dzielone tylko gdy wewnątrz nich znajdzie znak miękkiego łamania ­ np.: ex­ample

Dodaj komentarz

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