HTML kode for linjeavstand Heights

January 7

Styr den vertikale avstanden mellom tekstlinjene i et avsnitt på websiden for å avgrense visuell presentasjon. Hvis du trenger litt ekstra plass fylt med tekst, eller trenger å presse litt ekstra tekst i en viss plass, kan du bruke HTML og CSS-koder for å endre linjeavstanden til å passe. Med noen få linjer med kode kan du justere linjeavstand høyde, eller "linje height" i websiden.

strenge HTML

For å opprette linjeavstand som ser rett, eller som bidrar til å gjøre en del av teksten passer perfekt inne i tekstområdet i et område, bruker streng HTML. Bruk "font" tag for å lage kode som dette:

Den "150%" er den del som øker avstanden mellom tekstlinjer. Substitute andre verdier for å øke eller redusere avstanden.

span Tag

Bruk span koder for å bruke linjehøyden endring i tekst som er skrevet mellom åpning og lukking av koden. Kodingen ligner:

<Span style = "color: #fff; line-height: 150%; font-size: 12px;"> Tekst går her ... </ span>

Bruk et antall piksler for å angi skriftstørrelse i stedet for de relative størrelsene store, mellomstore og små. Ved hjelp av presise målinger for skriftstørrelsen gir deg bedre kontroll over teksten og lar linjeavstand til å fungere bedre.

CSS Alternatives

Linjeavstand kan også angis med et ark Cascading Style (CSS). CSS-kontroller uansett element du velger å bruke det til, det være seg et spenn ID som du angir for en enkelt del av teksten på siden eller en hel klasse av brukte elementer. For eksempel, hvis du arbeider med en blogg kan du opprette en klasse for blogginnlegg og sette stilark line-height for klassen på 135%. Hver bloggpost ville ha den samme linjehøyde. Koden for å sette "linje høyde" i CSS er:

{Line-height: 150%;}

WYSIWYG Linjeavstand-kontrollen

Mange av disse koding problemer kan omgås ved å bruke en WYSIWYG Webredaktør eller ved å lage nettsteder med online programvare som WordPress og Joomla, eller gratis webside laging verktøy som Weebly, Wix og Moonfruit. Alle disse verktøyene gir tekstredigeringsprogrammer som tar gjetting og head-skrape bort. Et enkelt klikk på en museknapp og linjeavstanden øker bare som det ville gjort hvis du var å skrive et dokument i din favoritt tekstbehandler.

De fleste nettredaktører, uansett hvor WYSIWYG deres grensesnitt, er mye enklere å bruke hvis du vet hvordan å kode, selv om du finner du koden mye mindre enn du pleide.