Kuidas Muuta Sõnade Vahelist Kaugust

Sisukord:

Kuidas Muuta Sõnade Vahelist Kaugust
Kuidas Muuta Sõnade Vahelist Kaugust
Anonim

Veebilehtede tekstides sõnade vahelise kauguse muutmine pole nii tühine, kui võib tunduda. Kaks, kolm või enam järjestikust tühikut kõrvuti asetsevate sõnade vahel vastavalt HTML-standarditele ei mõjuta nende vahelist kaugust mingil viisil - brauser kuvab need ühe tühikuna. Kuid loomulikult on selle probleemi lahendamiseks tööriistu.

Kuidas muuta sõnade vahelist kaugust
Kuidas muuta sõnade vahelist kaugust

Juhised

Samm 1

Üheks võimaluseks on kasutada spetsiaalset HTML-tähemärki nimega non-breakable-space. Seda kuvatakse samamoodi nagu tavaruumi ja eripära on see, et kui kaks sõna on eraldatud sellise spetsiaalse tühikuga, leiab brauser, et see on üks ühendatud sõna, mida ei saa lahutada. Selle funktsiooni tõttu ei sega brauser järjest mitme sellise tühiku kuvamist, s.t. ei asenda mitu tühikut ühega. Seda erimärki tähistatakse järgmiste tähemärkidega: "& nbsr;" (jutumärkideta). Dokumendi lähtekoodis võib selliste erimärkidega eraldatud sõnadega tekstilõik välja näha järgmine:

See on näidis & nbsr; & nbsr; lõik & nbsr; & nbsr; & nbsr; tekst.

Siin on esimese ja teise sõna vaheline kaugus normaalne, teise ja kolmanda - kahekordistunud ning kolmanda ja neljanda - kolmekordne.

2. samm

Palju sagedamini kasutatakse sõnade vahekauguse juhtimist stiilikirjelduse keele (CSS) abil. CSS-keeles võib vastav määratlus välja näha järgmine: sõnade vahe: 15 pikslit; siin on kõrvuti asetsevate sõnade vahe suurus 15 pikslit. Peaaegu igale märgendile saate lisada stiili atribuudi. Näiteks võib selle atribuudiga lõikemärgend, mis määrab lõigu kõigi sõnade vahel 20 piksli kauguse, välja näha järgmine:

Tekstilõik, mille sõnade vahe on suurem

3. samm

Tavaliselt paigutatakse stiiliplokid dokumendi päisesse või eraldi failidesse. Sellises plokis saate sõnade vahekaugusele määrata mitu väärtust ja pakkida need erinevatesse klassidesse ning dokumendi põhiosas märkida lingid siltidesse vastavate klassidega. Näiteks klassi dblSpace kirjeldus võib välja näha järgmine:

.dblSpace {sõnavahe: 20px}

Ja lõigu silt koos lingiga sellele klassile dokumendi põhiosas on näiteks järgmine:

Laia sõnavahega lõik

Soovitan: