Defnyddio Eiddo Llinell-Uchder CSS i gael Spacing Llinell CSS
Dysgwch sut i ddefnyddio uchder llinell eiddo arddull CSS i effeithio ar eich gofod llinell ar eich tudalennau Gwe.
Gwerthoedd Spacing Llinell CSS
Mae llinellau llinell CSS yn cael eu heffeithio gan uchder llinell yr arddull CSS. Mae'r eiddo hwn yn cymryd hyd at 5 gwerthoedd gwahanol:
- normal: mae'r porwr yn pennu gwerth ar gyfer y rhyngwyneb llinell sy'n gysylltiedig â maint y ffont. Mae hyn fel arfer yr un fath â maint y ffont neu ychydig yn fwy (fel 20%).
- etifeddu: dylid cymryd y rhyngwyneb llinell o le i linell y rhiant elfen. Felly, os ydych chi'n gosod uchder llinell eich tag corff i 30% yn fwy na maint y ffont a bod y tagiau paragraff y tu mewn i'r hyn y maent wedi'u pennu i etifeddu, bydd ganddynt hefyd uchder llinell o 30% yn fwy na maint y ffont.
- Rhif: Os nad oes gan y gwerth uchder llinell unrhyw fesur mesur, ystyrir ei fod yn lluosydd ar faint y ffont ar gyfer uchder y llinell. Felly, byddai uchder llinell 1.25 yn 25% yn fwy na maint y ffont.
- Hyd: Os oes gan y gwerth uchder llinell uned fesur, dyna'r union le o le y dylai fod rhwng y llinellau. Felly, byddai 1.25mm yn arwain at linellau 1.25 milimetr ar wahân.
- canran: Os yw'r uchder llinell yn ganran, byddai hynny'n ganran o faint y ffont. Felly, byddai uchder llinell o 125% yn 25% yn fwy na maint y ffont.
Pa werth y dylech ei ddefnyddio ar gyfer Spacing Llinell CSS
Yn y rhan fwyaf o achosion, y dewis gorau ar gyfer gofod llinell yw ei adael yn y ddiffyg - neu "normal". Yn gyffredinol, mae hyn yn fwyaf darllenadwy ac nid oes angen i chi wneud unrhyw beth arbennig. Ond gall newid y rhyngwyneb llinell roi teimlad gwahanol i'ch testun.
Os yw maint eich ffont yn cael ei ddiffinio fel ems neu ganrannau, dylai'r uchder llinell hefyd gael ei ddiffinio fel hyn. Dyma'r ffurf fwyaf hyblyg o ofod llinell oherwydd ei fod yn caniatáu i'r darllenydd newid maint eu ffontiau a chadw'r un gymhareb ar eich gofod llinell.
Gosodwch uchder llinell ar gyfer taflenni arddull print gyda phwynt (pt) gwerth. Mae'r pwynt yn fesur print, ac felly dylai eich maint ffont fod mewn pwyntiau hefyd.
Nid wyf yn hoffi defnyddio'r dewis rhif oherwydd dwi wedi canfod mai'r peth mwyaf dryslyd yw i bobl. Mae llawer o bobl yn credu bod y rhif yn faint absoliwt, ac felly maent yn ei gwneud yn enfawr. Er enghraifft, efallai y bydd gennych ffont yn 14px ac yna byddwch yn gosod eich uchder llinell i 14 - sy'n arwain at fylchau mawr rhwng y llinellau - oherwydd bod y rhyngwyneb llinell wedi'i osod i 14 gwaith maint y ffont.
Faint o Fannau Y Dylech Chi Defnyddio ar gyfer Lledaenu Eich Llinell
Fel y soniais uchod, rwy'n argymell defnyddio'r rhyngwyneb llinell ddiffygiol oni bai bod rheswm penodol gennych i'w newid. Gall newid y rhyngwyneb llinell gael effeithiau gwahanol:
- Gall testun sy'n eithaf dynn gyda'i gilydd fod yn anodd ei ddarllen. Ond gall mannau llinell fechan effeithio ar hwyliau'r testun. Os yw'r testun yn cael ei sgrinio gyda'i gilydd, gall wneud synnwyr y testun ymddangos yn dywyllach neu fwy o amser.
- Gall testun sydd ymhellach ymhellach hefyd fod yn anodd ei ddarllen. Ond mae mannau llinell eang yn golygu bod y testun yn ymddangos yn fwy llifo a hylif.
- Gall newid y rhyngwyneb llinell wneud testun na fyddai fel arall yn ffitio mewn lle yn fwy cryno neu'n cymryd mwy o le yn eich cynlluniau.