Ինչպես կարգավորել CSS- ով հիմնավորված տեքստը

Օգտագործելով CSS Text-Align հատկությունը `հիմնավորել տեքստը

Վեբ կայքի տիպաբանության առանձնահատկություններից մեկն է, որ կարող եք ընտրել հարմարվողականության ընթացքում հարմարվելու այն մասին, թե ինչպես է կայքի տեքստը հիմնավորված: Լռելյայն, կայքի տեքստը արդարացված է եւ սա է, թե որքան կայքեր են թողնում իրենց տեքստը: Միակ այլ տարբերակներն ուղղակի արդարացված են, որոնք ոչ ոք չի օգտագործում կայքերի վրա, քանի որ այն տեքստը մատչելի է դարձնելու առցանց, կամ որը հայտնի է որպես լիովին արդարացված:

Հիմնավորված տեքստը տեքստի բլոկն է, որը ձախ եւ աջ կողմերում հավասար է, ի տարբերություն հենց այն կողմերից մեկի (ինչը «ձախ» եւ «ճիշտ» արդարացումն է): Կրկնակի հիմնավորված ազդեցությունը կատարվում է տեքստի յուրաքանչյուր տողում բառի եւ տառերի տեղադրման միջոցով, ապահովելու, որ յուրաքանչյուր տող նույնն է: Այս ազդեցությունը կոչվում է լիարժեք արդարացում : Դուք հիմնավորում եք CSS- ի տեքստը, օգտագործելով տեքստի հարթության հատկությունը:

Ինչպես է հիմնավորվածությունը գործում:

Տեքստի բլոկի աջ կողմում հաճախ տեսնում եք անհավասար ծայրը, քանի որ տեքստի յուրաքանչյուր տողը նույն երկարությունն է: Որոշ գծեր ունեն ավելի շատ բառեր կամ ավելի երկար բառեր, իսկ մյուսները ավելի քիչ կամ ավելի կարճ բառեր ունեն: Տեքստի այս բլոկը հիմնավորելու համար որոշ տողեր պետք է ավելացվեն լրացուցիչ տարածքներ `նույնիսկ բոլոր գծերը դուրս բերելու եւ դրանք համահունչ դարձնելու համար:

Յուրաքանչյուր վեբ բրաուզերի ստեղծողն ունի իր սեփական ալգորիթմը գծի մեջ լրացուցիչ տարածքների կիրառման համար: Բրաուզերները դիտում են բառի երկարություն, տողաշար եւ այլ գործոններ `որոշելու, թե որտեղից տեղադրեք:

Արդյունքում, հիմնավորված տեքստը չի կարող նույն բրաուզերից մեկին նայել: Դա լավ է, քանի որ կայքի այցելուը չի անցնի մեկ բրաուզերից մյուսին `համեմատելով ձեր կայքի գծերի երկարությունը: Հավաստիացրեց, սակայն, որ խոշոր բրաուզերի աջակցությունը լավ է CSS- ի հետ տեքստի հիմնավորման համար:

Ինչպես ճշտել տեքստը

CSS- ով տեքստը հիմնավորելը պահանջում է տեքստի բաժին `արդարացնելու համար:

Սովորաբար դա արվում է տեքստի պարբերություններին, քանի որ տեքստի համատեքստում գտնվող խոշոր բլոկները, որոնք ընդգրկում են բազմաթիվ տողեր, նշվում են պարբերության պիտակներ:

Ստեղծեք տեքստի բլոկից հետո, պարզապես հիմնավորեք այն ոճը, որը հիմնավորված է CSS- ի տեքստի հարթության ոճի հատկությամբ:

text-align: արդարացնել;

Դուք պետք է կիրառեք այս CSS կանոնը համապատասխան ընտրացանկին `տեքստի բլոկը ստանալու համար նախատեսված համար:

Երբ է ճշտել տեքստը

Շատերը սիրում են դիզայնի տեսանկյունից հիմնավորված տեքստի տեսքը, հիմնականում այն ​​պատճառով, որ այն ստեղծում է շատ հետեւողական, չափված տեսք, սակայն կան ստորին էջեր, որոնք ամբողջությամբ հիմնավորում են էջի տեքստը:

Նախ, հիմնավորված տեքստը դժվար է կարդալ: Դա այն պատճառով է, որ երբ դուք հիմնավորում եք տեքստը, երբեմն կարող եք ավելացնել մի շարք լրացուցիչ տարածություն գծի վրա որոշ բառերի միջեւ: Այդ անհամապատասխան բացերը կարող են տեքստը ավելի դժվար կարդալ: Սա հատկապես կարեւոր է վեբ էջերում, որոնք կարող են դժվար լինել կարդալ արդեն լուսավորման, լուծման կամ այլ սարքավորումների որակի պատճառով: Տեքստին անսովոր տարածքների ավելացումն ավելի վատ է դառնում:

Բացի ընթերցանության հարցերից, դատարկ տարածությունները երբեմն միմյանց հետ են, տեքստի կեսին սպիտակ տարածության «գետերը» ստեղծելու համար:

Սպիտակ տարածքի այն մեծ բացերը կարող են իրական դարձնել անհարմար դրսեւորման համար: Բացի այդ, չափազանց կարճ գծերով, հիմնավորումները կարող են առաջացնել տողեր, որոնք պարունակում են բառեր, որոնք պարունակում են մեկ բառ `լրացուցիչ տարածություններով տառերի միջեւ:

Այսպիսով, երբ պետք է օգտագործեք տեքստի արդարացում: Տեքստը արդարացնելու լավագույն ժամանակն է, երբ տողերը երկար են եւ տառաչափը փոքր է (ինչն էլ դժվար է ապահովել պատասխանող կայքերում, որտեղ գծի երկարությունները փոխվում են էկրանի չափսերի հիման վրա): Չբավարարված տեքստի երկարության կամ տեքստի չափի համար դժվար եւ արագ թիվ չկա, պետք է օգտագործեք ձեր լավագույն վճիռը:

Օգտագործելուց հետո տեքստի ոճը կիրառելիս տեքստը հիմնավորելու համար փորձեք այն, որպեսզի տեքստը չունի սպիտակ տարածքի գետեր եւ համոզվեք, որ այն փորձարկեք տարբեր չափերի մեջ:

Դրա ամենադյուրին ճանապարհն այն է, դիտել աչքերով: Գետերը առանձնանում են որպես սպիտակ կախոցներ տեքստի այլ գորշ բլոկում: Եթե ​​դուք տեսնում եք գետեր, ապա դուք պետք է փոփոխություններ կատարեք տեքստի չափի կամ տեքստի բլոկի լայնության վրա, ձերբազատվեք այդ անբարեխիղճ գետերից:

Միայն սույն հոդվածում տեսած ձախ կողմում տեքստը համեմատելուց հետո օգտագործեք արդարացում: Դուք դրել եք ամբողջական հիմնավորման հետեւողականությունը, բայց ստանդարտ ձախողված տեքստը սովորաբար ավելի ընթեռնելի է: Վերջում, դուք պետք է հիմնավորեք տեքստը, քանի որ ընտրվել եք նախագծման նպատակներով տեքստը հիմնավորել եւ հաստատել, որ ձեր կայքը հեշտ է կարդալ: