Izmantojot CSS Text-Align īpašumu, lai attaisnotu tekstu
Viena no tīmekļa vietnes drukāšanas rekvizīcijām, kuras jūs, iespējams, izvēlaties pielāgot vietnes izstrādes laikā, ir vietnes teksta pamatojums. Pēc noklusējuma vietnes teksts ir pamatots, un tas ir tas, cik vietnes atstāj savu tekstu. Vienīgās iespējas ir pareizi pamatotas, ko neviens nevienā neizmanto tīmekļa vietnēs, jo tas padarītu tekstu būtībā neiespējamu lasīt tiešsaistē vai arī to, kas ir pazīstams kā pilnīgi pamatots.
Pamatots teksts ir teksta bloks, kas sakrīt gan kreisajā, gan labajā pusē, pretēji tikai vienai no šīm pusēm (kas ir "kreisais" un "labais" pamatojums). Divkārši pamatots efekts tiek sasniegts, pielāgojot vārdu un burtu atstarpes katrā teksta rindiņā, lai nodrošinātu, ka katrai rindai ir vienāds garums. Šo efektu sauc par pilnīgu pamatojumu . Jūs attaisnojat tekstu CSS, izmantojot teksta izlīdzināšanas īpašību.
Kā darbojas pamatojums?
Iemesls, kādēļ jūs bieži redzat nevienmērīgu malu teksta bloka labajā pusē, ir tāpēc, ka katrai teksta rindiņai nav vienāda garuma. Dažām rindām ir vairāk vārdu vai garāks vārdu, bet citās ir mazāk vai īsāki vārdi. Lai pamatotu šo teksta bloku, dažām rindiņām jāpievieno papildu atstarpes, lai izlīdzinātu visas līnijas un padarītu tās atbilstošas.
Katram tīmekļa pārlūkprogrammas veidotājam ir savs algoritms, lai piemērotu papildu atstarpes vienā rindiņā. Pārlūkprogrammas apskata vārda garumu, burtu uzpampus un citus faktorus, lai noteiktu, kur novietot atstarpes.
Rezultātā pamatots teksts var nebūt identisks no viena pārlūka uz otru. Tas ir labi, jo neviens vietnes apmeklētājs nepārlēsies no viena pārlūkprogrammas uz otru, lai salīdzinātu, kā izskatās jūsu vietnes garums! Tomēr esiet drošs, ka galvenais pārlūka atbalsts ir labs, lai attaisnotu tekstu ar CSS.
Kā pamatot tekstu
Lai pamatotu tekstu ar CSS, ir nepieciešams teksta sadaļa, kas pamato.
Parasti tas tiek darīts ar teksta punktiem, jo lielie teksta konteksta bloki, kas aptver vairākas rindiņas, tiks atzīmēti ar rindkopas tagiem.
Kad jums ir teksta bloks, kas pamato, ir tikai jānosaka stils, kas attaisnots ar CSS teksta izlīdzināšanas stila īpašumu.
teksta izlīdzināšana: pamatot;
Jums būs jāpiemēro šis CSS noteikums atbilstošam atlasītājam, lai izveidotu teksta bloku, kā paredzēts.
Kad pamatot tekstu
Daudzi cilvēki, piemēram, izskata pamatotu tekstu no dizaina viedokļa, lielā mērā tāpēc, ka tas rada ļoti konsekventu, izmērītu izskatu, bet ir nepilnības, kas pilnīgi pamato tekstu tīmekļa lapā.
Pirmkārt, pamatotu tekstu var būt grūti izlasīt. Tas ir tāpēc, ka, kad jūs attaisnojat tekstu, reizēm dažos vārdos var pievienot daudz vietas. Šie neatbilstošie trūkumi var padarīt tekstu grūtāk lasīt. Tas ir īpaši svarīgi tīmekļa lapās, ko var būt grūti nolasīt apgaismojuma, izšķirtspējas vai citas aparatūras kvalitātes dēļ. Teksta neparastas atstarpes pievienošana var padarīt sliktu situāciju vēl sliktāku.
Papildus lasāmības problēmām, tukšās vietas dažreiz rindā viens pret otru, lai izveidotu teksta vidū balto laukumu "upes".
Šie lielie atstarpes no baltajām telpām patiešām var radīt neērtu displeju. Turklāt, pateicoties ārkārtīgi īsām līnijām, pamatojums var radīt līnijas, kurās ir viens vārds ar papildu atstarpēm starp pašiem burtiem.
Tātad, kad vajadzētu izmantot teksta pamatojumu? Labākais laiks, lai attaisnotu tekstu, rodas tad, kad līnijas ir garas un fontu lielums ir mazs (to, ko grūti nodrošināt, atsaucīgajās vietnēs, kur līniju garumi mainās, pamatojoties uz ekrāna izmēriem). Līnijas garumam vai teksta lielumam nav grūti un ātri, un jums ir jāizmanto vislabākais vērtējums.
Pēc teksta izlīdzināšanas stila pielietošanas, lai attaisnotu tekstu, pārbaudiet to, lai tekstā nebūtu balto laukumu upes, un noteikti pārbaudiet to dažādos izmēros.
Visvienkāršākais veids, kā to izdarīt, ir aplūkot to ar skropstām acīm. Upes izceļas kā baltas plankumi citādā veidā pelēkā teksta blokā. Ja redzat upes, jums vajadzētu veikt teksta lieluma vai teksta bloka platuma izmaiņas, lai atbrīvotos no šīm neizdevīgākajām upēm.
Izmantojiet tikai pamatojumu pēc tam, kad esat to salīdzinājis ar tekstu, kas ir redzams kreisajā pusē, kā redzams šajā rakstā. Jūs veicat kā pilnīga pamatojuma konsekvenci, taču standarta kreisais pamatotais teksts parasti ir salasāms. Galu galā jums vajadzētu attaisnot tekstu, jo esat izvēlējies pamatot tekstu dizaina mērķiem un apstiprinājāt, ka jūsu vietne ir viegli lasāma.