fbpx
StudioLokomotywa.pl • Napędzamy Twój Biznes!

Opublikował użytkownik: Artur

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

Artur Pięciak

Produkcja strony internetowych formalnie od 2012 roku, z pasji nieco dłużej. W Lokomotywie działam w wagonie technicznym www, sklepów opartych o WooCommerce oraz w wagonie, gdzie motywem przewodnim jest Adobe Photoshop. Po godzinach muzyczny ♫ relax i kibicowanie Real Madryt :)

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.

Zostaw wiadomość



    Tel: +48 736 769 550
    biuro@studiolokomotywa.pl