Data publikacji: 29 października 2015
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:
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;
}
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