Ynstellings yn de CSS: line spacing

Yn CSS, de ôfstân tusken de rigels is hiel maklik om te set. Foar dit doel is der in spesjale eigendom. Mar, fansels, der binne in soad oare parameters, dy't binne universeel en kinne wurde tapast om de tekst.

As der gjin oanpassing is dien, jo binne ynsteld om standert wearden. kinne jo feroarje de ôfstân as winske. De wearde kin wêze of in persintaazje of pixels.

rij Hichte

De CSS ôfstân tusken rigels kin oantoand wurde troch de folgjende figuer.

Yn de boppesteande byld lit de parameters mei oerienkommende ôfstannen. De tekst is in romte font-size. Tink derom dat de tekst line net begjinne oan de basis en in bytsje heger. De romte jûn hjirûnder om brieven dy't hawwe boaiem eleminten (g, y, ensafuorthinne).

Tink derom dat de romte tusken de blokken lettertype-size hjit liedend. Mei HTML en CSS dit eigendom net ferskynt, mar it is yn 'e oare grafyske en tekst redakteuren. Bygelyks, yn Adobe Photoshop.

De figuer hjirboppe lit sjen wêr yn it "Photoshop", kinne jo oanjaan liedend. En njonken oantsjutte font-size ynstelling.

Foarbylden fan gebrûk fan line-hichte

Yn CSS, de ôfstân tusken de rigels kinne wurde ynsteld per cent. In yllustrative foarbyld wurdt jûn hjirûnder.

Yn it gefal fan lytse wearden fan de brûker fan jo site sil wêze ongemakkelijk te lêzen.

De ôfstân kin wêze ôfwikseljend en de grutte fan it lettertype. As it ferskil tusken de basis parameters sille ferskille tige yn getallen, it ferskil wurdt kompensearre troch it tanimmen liedende.

subtile fan design

De CSS ôfstân tusken rigels kinne fierder passen ferskate streekjes. Tink oan it foarbyld yn 'e figuer.

Yn de "elemint" yn dat gefal sil de tekst. Padding - padding is binnen it objekt, en de marzje - de ynspringing fan it foarwerp. Border - dit freem. It kin wêze 0 pixels, en kin wêze 100.

De folgjende ôfbylding lit sjen fuortendaliks alle marzjes, it frame en de hichte fan in line fan de tekst.

As jo in lytse tekst, allegear yn ien rigel, of elke rigel yn in aparte alinea, de ôfstân kin oanpast wurde tusken de Your current timezone paragrafen. Dat is Maring en padding tusken de rigels yn ien sel sil hawwe gjin effekt. Se meitsje de ynspringing allinnich oan 'e rânen fan it objekt. Object - dy hiele alinea, ynstee fan regels yn. It is wichtich om net betize reitsje.

Yn gefallen dêr't in grut oantal rigen, allegearre dy't lizze yn deselde foarwerp, it lettertype wurdt rekommandearre om te feroarjen de basis parameters.

Hoe te fergrutsjen de ôfstân tusken de rigels fan de CSS

De ôfstân tusken de rigels fan HTML, kinne jo oanmelde foar eltse klasse of foar alle lidden yn 'e tekst. As jo oantsjutte as dit: p {line-height: 20px; } - doe absolút alle lidden op de side sil wêze snaren fan 20 pixels. As jo wolle op ferskate plakken yn ferskillende maten, it is rekommandearre om te dwaan as folget.

Wy foarskriuwe stilen.

.class1 {line-height: 20px; }

.class2 {line-height: 16px; }

.class3 {line-height: 12px; }

Foar de dúdlikens, wy in frame, dus jo kinne sjen dat it wurket. Yn 'e takomst, dan moat wurde fuorthelle.

Folgjende, wy brûke dizze klassen. It resultaat is as folget.

Tink derom dat yn 'e tredde gefal, de band ried nei de tekst. Alle fanwege it feit dat it lettertype grutte grutter is as de hichte fan 'e line. Dêrom is it fan belang om te soargjen dat sokke konflikten wienen net. As jo dogge in lytse line hichte, respektivelik, ferminderje it doopfont.

It is net oan te rieden om te dwaan te min tekst en in lytse ôfstân tusken rigels. Sûnt net ien fan 'e brûkers sil net by steat wêze om te lêzen it allegear rêstich. Hy gau wurch eagen. Sykmasines ek sizze dat de tekst is brûker-freonlik.

Boppedat, de lêste jierren is der in sterke klam op brûkberens foar mobile brûkers. Der oanbefellings hawwe altyd sein dat it lettertype grutte moat wêze normale, net lyts. Benammen sterk beynfloedet de referinsje. Mei harren lytse omfang de brûker sil dreech te brûken site navigaasje.

Yn de sykmasine "Google" is in spesjaal ynstrumint dat helpt yn 'e analyze. It is hiel handich foar webmasters.

Hjir is in foarbyld fan de resultaten dy't mooglik wêze.

It is oan te rieden om te brûken dizze tips omdat dizze kritearia beynfloedzje it sykresultaten.