Գովազդ

տուն - Գիպսաստվարաթուղթ
Ինչ արժեքներ կարող է վերցնել align հատկանիշը: CSS-ի հատկությունները տեքստի ձևավորում, ուղղահայաց հավասարեցում, տեքստի հավասարեցում, տեքստի ներքևում՝ Html տեքստը զարդարելու համար: Տեգով ստեղծվում է Definition List տեսակի ցանկ

Նկարագրություն

Հավասարեցնում է տեքստի բլոկը եզրին:

Այս հատկանիշի փոխարեն պետք է օգտագործել ոճերը

Շարահյուսություն

Արժեքներ

ձախ Հավասարեցնում է տեքստը դեպի ձախ: Այս դեպքում տեքստի տողերը հավասարեցված են ձախ կողմում, իսկ աջ եզրը գտնվում է «սանդուղքի» մեջ։ Հավասարեցման այս մեթոդը ամենատարածվածն է կայքերում, քանի որ այն թույլ է տալիս օգտվողին հեշտությամբ փնտրել նոր տող և հարմարավետ կարդալ մեծ տեքստ: կենտրոն Հավասարեցնում է տեքստը կենտրոնին: Տեքստը հորիզոնական տեղադրվում է դիտարկիչի պատուհանում կամ կոնտեյներով, որտեղ գտնվում է տեքստային բլոկը: Տեքստի տողերը կարծես թեքված են անտեսանելի առանցքի վրա, որն անցնում է վեբ էջի կենտրոնով: Նմանատիպ հավասարեցման մեթոդ ակտիվորեն օգտագործվում է վերնագրերում և տարբեր ենթագրերում, ինչպիսիք են ենթագրերը, այն պաշտոնական և ամուր տեսք է հաղորդում տեքստի ձևավորմանը: Մնացած բոլոր դեպքերում կենտրոնական հավասարեցումը հազվադեպ է օգտագործվում այն ​​պատճառով, որ անհարմար է մեծ քանակությամբ նման տեքստ կարդալը: right Հավասարեցնում է տեքստը դեպի աջ: Հավասարեցման այս մեթոդը գործում է որպես նախորդ տեսակի հակառակորդ: Մասնավորապես, տեքստի տողերը դասավորված են աջ կողմում, իսկ ձախը մնում է «փշրված»։ Քանի որ ձախ եզրը հավասարեցված չէ, այն է, որ նոր տողերի ընթերցումը սկսվում է դրանով, նման տեքստն ավելի դժվար է կարդալ, քան եթե այն ձախակողմյան հավասարեցված լինի: Հետևաբար, աջ հավասարեցումը սովորաբար օգտագործվում է երեք տողից ոչ ավելի կարճ վերնագրերի համար: Մենք չենք դիտարկում կոնկրետ կայքեր, որտեղ տեքստը պետք է կարդալ աջից ձախ, որտեղ հավասարեցման նմանատիպ մեթոդը կարող է օգտակար լինել: Բայց մեր երկրում որտեղ եք տեսել նման կայքեր։ justify Justify, որը նշանակում է ձախ և աջ արդարացված միաժամանակ: Այս գործողությունը կատարելու համար զննարկիչը այս դեպքում ավելացնում է բացատ բառերի միջև:

Կանխադրված արժեք

Օրինակ. Տեքստի հավասարեցում

P պիտակ, հավասարեցնել հատկանիշը

Duis te feugifacilisi. Duis autem dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au tegue feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit au tegue feugii duisdola. Ut wisi enim ad minim veniam, quis nostrud exerci taion ullamcorper suscipit lobortis nisl ut aliquip ex en commodo consequat: Duis te feugifacilisi per suscipit lobortis nisl ut aliquip ex en commodo consequat:



Բրաուզերներ՝ Desktop Mobile ?

Internet ExplorerChromeՕպերասաֆարիFirefox
1 1 1 1 1
AndroidFirefox MobileOpera MobileSafari Mobile
1 1 6 1

Բրաուզերներ

Բրաուզերի աղյուսակում օգտագործվում է հետևյալ նշումը.

  • - տարրը լիովին աջակցվում է բրաուզերի կողմից.
  • - տարրը չի ընկալվում բրաուզերի կողմից և անտեսվում է.
  • - շահագործման ընթացքում կարող են առաջանալ տարբեր սխալներ, կամ տարրը ապահովված է վերապահումներով:

Համարը ցույց է տալիս դիտարկիչի տարբերակը, որից աջակցվում է տարրը:

Պատկերների համար ստանդարտները չեն սահմանում լռելյայն հավասարեցում տեքստի և միևնույն տողում գտնվող այլ պատկերների նկատմամբ. միշտ չէ, որ հնարավոր է կանխատեսել, թե ինչպիսի տեսք կունենան այս բաղադրիչները:1 HTML փաստաթղթերում պատկերները սովորաբար դասավորվում են «տողով»: տեքստի միայն մեկ տողով: Ինչպես ընդունված է տպագիր մամուլում, տեքստը «փաթաթում» է դրանք, այնպես որ պատկերին մի քանի տող կարող է կից լինել, և ոչ բոլորովին մեկ:

Բարեբախտաբար, փաստաթղթեր ստեղծողները որոշակիորեն վերահսկում են, թե ինչպես են պատկերները համընկնում շրջակա տեքստի հետ պիտակի align հատկանիշի միջոցով: . HTML և XHTML ստանդարտները սահմանում են հինգ արժեք align հատկանիշի համար՝ ձախ, աջ, վերև, միջին, ներքև: Ձախ և աջ արժեքները հանգեցնում են նրան, որ տեքստը փաթաթվում է պատկերի շուրջ՝ շրջելով համապատասխան եզրին: Մնացած երեքը պատկերը հավասարեցնում են ուղղահայաց՝ շրջակա տեքստի նկատմամբ:

Բոլոր հայտնի բրաուզերները, ներառյալ Opera, Firefox, Netscape և Internet Explorer-ը, համաձայն են, որ align=bottom հատկանիշը լռելյայն է ուղղահայաց հավասարեցման համար, և պատկերները տեղադրում են տեքստի տողում ամենավերին նիշից վերև, տես Նկար 1: 15.11.

Միևնույն ժամանակ, բրաուզերները համաձայն չեն, թե ինչպես տեղադրել պատկերները align=middle հատկանիշով տեքստի համեմատ: Նկ. Նկար 5.11-ը ցույց է տալիս, որ Netscape-ը և Opera-ն պատկերը տեղադրում են տեքստի միջին գծի հիման վրա: Ինչ վերաբերում է Internet Explorer բրաուզերներին

Բրինձ. 5.11. Ներկառուցված պատկերների ստանդարտ հավասարեցում

Բրինձ. 5.12. Internet Explorer-ը և Firefox-ը պատկերի կենտրոնական գիծը հավասարեցնում են ամենաբարձր տարրի կենտրոնական գծի, այլ ոչ թե տեքստի կենտրոնական գծի հետ

և Firefox-ը, նրանք պատկերը տեղադրում են ամենաբարձր տարրի մեջտեղում, որը պարտադիր չէ, որ տեքստային տարր լինի (Նկար 5.12):

Բացի այդ, բրաուզերները քիչ թե շատ աջակցում են պատկերների ուղղահայաց հավասարեցման հինգ լրացուցիչ հնարավորություններ՝ texttop, center, absmiddle, baseline և absbottom (բարձրացրեք ձեր ձեռքը, եթե չեք կռահել, թե ինչ են նշանակում):

align=texttop հայտարարությունը զննարկիչին ասում է, որ պատկերի վերին եզրը հավասարեցնի ընթացիկ տողի ամենաբարձր տեքստային տարրի վերին եզրին: Հակառակ դեպքում, վերևն ուժի մեջ է, որը պատկերի վերին մասը հավասարեցնում է ընթացիկ տողի ամենաբարձր տարրի, տեքստի բաղադրիչի կամ պատկերի վերին մասի հետ: Եթե ​​տողը տեքստի վերևում այլ պատկերներ չի պարունակում, տեքստի վերևն ու վերևն ունեն նույն ազդեցությունը: Opera-ն չի աջակցում texttop-ին, սակայն այլ հայտնի բրաուզերներ այն մեկնաբանում են խստորեն համաձայն այս նկարագրության:

Առաջին անգամ ներկայացվել է Internet Explorer-ում և Netscape-ում, կենտրոնական արժեքը մեկնաբանվում է Internet Explorer-ի, Netscape-ի և Firefox-ի կողմից ճիշտ այնպես, ինչպես միջին արժեքը: Պարզապես չմոռանանք, որ նրանցից յուրաքանչյուրն յուրովի է հասկանում միջինի արժեքը։ Opera-ն անտեսում է align=center արտահայտությունը:

Եթե ​​նշանակեք պիտակի align հատկանիշը արժեքը absmiddle, զննարկիչը կդնի պատկերի բացարձակ միջինը ընթացիկ գծի բացարձակ կեսին: Այսպես չեն աշխատում միջին և կենտրոնական արժեքները, որոնք պատկերի միջնամասը հավասարեցնում են տեքստի ընթացիկ տողի հիմնական գծին: Թեև Netscape-ը և Opera-ն չեն տարբերում absmiddle-ն ու միջինը, Firefox-ը և Internet Explorer-ն օգտագործում են այս արժեքները՝ ընտրովի կերպով պատկերները հավասարեցնելու միջին գծերին: Այլ կերպ ասած, Firefox-ը և Internet Explorer-ը վերաբերվում են absmiddle-ին այնպես, ինչպես Netscape-ը վերաբերվում է միջինին:

Բրինձ. 5.13. Պատկերները alingn=absbottom հատկանիշի հետ հավասարեցնելիս բրաուզերները հաշվի են առնում իջնողները

ներքևի և բազային (կանխադրված)

Ներքևի և ելակետային արժեքներն ունեն նույն ազդեցությունը, կարծես դուք ընդհանրապես չեք ներառել հավասարեցման հատկանիշը: Զննարկիչը պատկերի ներքևի եզրը հավասարեցնում է տեքստի բազային: Սա չպետք է շփոթել absbottom արժեքի գործողության հետ, որը նաև հաշվի է առնում տառերի այն հատվածները, որոնք իջնում ​​են բազային գծից:1 (Եթե դեռևս ձեռքդ բարձր ես պահում, կարող ես իջեցնել այն):

align=absbottom հայտարարությունը զննարկիչին ասում է, որ պատկերի ներքևի մասը հավասարեցնի ընթացիկ տողի տեքստի իրական ներքևի հատվածին: Իսկական ներքևը տեքստի ամենաներքևի կետն է, ներառյալ բոլոր իջնողները (օրինակ, «y» նիշի ներքևի մասը), նույնիսկ եթե տողում չկա: Ելակետային գիծն անցնում է «v»-ի ներքևի եզրով «y» նիշով: Օպերան, ստանդարտի կրողը, անտեսում է absbottom արժեքը, մինչդեռ այլ հայտնի բրաուզերներ այն վերաբերվում են այնպես, ինչպես նկարագրված է (Նկար 5.13):

Օգտագործեք վերևից և միջինից՝ սրբապատկերները, պարբերակները ցուցակագրելու և այլ հատուկ պատկերները մոտակա տեքստի հետ հավասարեցնելու համար: Այլ դեպքերում align=bottom (լռելյայն ընտրված) ավելի լավ տեսք է ստանում: Մեկ տողում մեկ կամ մի քանի պատկեր հավասարեցնելիս ընտրեք հատկանիշի արժեքը, որը ձեզ կտա ձեր փաստաթղթի լավագույն տեսքը:

Առայժմ մենք միայն տարրեր ենք հավասարեցրել ձախ կողմում: Ավելի ճիշտ, մենք դա ընդհանրապես չենք արել, և զննարկիչը ինքնին լռելյայնորեն հավասարեցնում է տարրերը դեպի ձախ: Իհարկե, չափազանց ձանձրալի կլիներ ամեն ինչ հավասարեցնել ձախ կողմում: Հետևաբար, կենտրոնի և աջ կողմի հավասարեցման տարբեր եղանակներ կան:

Տարրերի հավասարեցումը մի բան է, որը դուք պարզապես պետք է իմանաք, թե երբ: Առաջին բանը, որ պետք է անել, ամենապարզ էջը մուտքագրելն է:

Ժամանակին մի պիտակ կար

Ես ձեզ խորհուրդ չեմ տալիս օգտագործել այն հիմա, ավելի ժամանակակից մեթոդների առկայության պատճառով, բայց չեմ կարող չնշել դա: Այն օգտագործելը շատ, շատ պարզ է: Այն ամենը, ինչ ձեզ անհրաժեշտ է կենտրոնական հարթեցնելու համար, դուք դնում եք այս թեգի ներսում: Այստեղ, օրինակ, այստեղ մենք հարթեցնում ենք 1-ին մակարդակի վերնագիրը կենտրոնում:



Կարող եք նաև կենտրոնացված պատկեր ավելացնել, եկեք նաև անցնենք հաջորդ տողին՝ օգտագործելով պիտակը
:


1-ին մակարդակի վերնագիր կենտրոնացած




Դա պիտակ էր

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

Այս խնդիրը լուծելու համար մշակողները հնարել են տարրերը հավասարեցնելու ունիվերսալ միջոց: HTML. Մեթոդը այսպես կոչված կոնտեյներների օգտագործումն է, որոնք ստեղծվում են պիտակի միջոցով

. Այսինքն՝ այն ամենը, ինչ պետք է տեղադրվի կոնկրետ տարայի մեջ, դրվում է պիտակի ներսում
. Եվ այս թեգն արդեն ունի « հատկանիշը շարել", որի արժեքը որոշում է այս կոնտեյների դիրքը: Կան երեք արժեքներ. ձախ", "կենտրոն", "ճիշտԼռելյայն է: ձախԱյնուամենայնիվ, ես չեմ կարծում, որ սա ձեզ զարմացնում է:

Հիմա նույնը գրենք HTML կոդը, բայց տարաների օգտագործմամբ, բացի այդ, եկեք հավասարվենք ոչ թե կենտրոնին, այլ աջին։





Ինչպես տեսնում եք, ամեն ինչ աշխատում է: Խորհուրդ եմ տալիս փոխել նաև հատկանիշի արժեքը: շարելդիտելու բեռնարկղերի բովանդակության դասավորության այլ տեսակներ:

Տարրերը հավասարեցնելու ևս մեկ եղանակ HTML- սրանք աղյուսակներ են, բայց այս թեման արժանի է առանձին քննարկման, ուստի մենք դրա մասին կխոսենք հաջորդ հոդվածներից մեկում:

Առայժմ ձեր էջը պետք է այսպիսի տեսք ունենա.






1-ին մակարդակի վերնագիր կենտրոնացած






1-ին մակարդակի վերնագիր՝ աջ հարթեցված








Հարգանքներով՝ Միխայիլ Ռուսակով։

P.S.Եթե ​​ցանկանում եք ավելին իմանալ HTML, ապա ստուգեք իմ անվճար դասընթացը՝ կայք ստեղծելու օրինակով HTML:

Պատկերների համար կարող եք նշել դրանց դիրքը վեբ էջի տեքստի կամ այլ պատկերների նկատմամբ: Պատկերի հավասարեցումը նշվում է align հատկանիշով:

Այս հատկանիշը հնացած է, փոխարենը օգտագործեք ոճեր:

Շարահյուսություն

Արժեքներ

Աղյուսակում. 1-ը թվարկում է align հատկանիշի հնարավոր արժեքները և դրա օգտագործման արդյունքը:

Ներդիր 1. Օգտագործելով align հատկանիշի արժեքները
ԻմաստըՆկարագրությունՕրինակ
ներքեւՀավասարեցնում է պատկերի ստորին եզրագիծը շրջակա տեքստի հետ:
ձախՊատկերը հավասարեցնում է պատուհանի ձախ եզրին:Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
միջինՊատկերի կեսը հավասարեցնում է ընթացիկ գծի հիմնական գծին:Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
ճիշտՊատկերը հավասարեցնում է պատուհանի աջ եզրին:Lorem ipsum dolor sit amet, consectetuer adipiscing elit...
գագաթՊատկերի վերին եզրագիծը հավասարեցված է ընթացիկ գծի ամենաբարձր տարրի հետ:Lorem ipsum dolor sit amet, consectetuer adipiscing elit...

Կանխադրված արժեք

Օրինակ

IMG, հավասարեցնել հատկանիշը

Այս տեքստը փաթաթվում է նկարի շուրջը ձախ եզրով:



Բրաուզերներ

Բրաուզերի աղյուսակում օգտագործվում է հետևյալ նշումը.

  • - տարրը լիովին աջակցվում է բրաուզերի կողմից.
  • - տարրը չի ընկալվում բրաուզերի կողմից և անտեսվում է.
  • - շահագործման ընթացքում կարող են առաջանալ տարբեր սխալներ, կամ տարրը ապահովված է վերապահումներով:

Համարը ցույց է տալիս դիտարկիչի տարբերակը, որից աջակցվում է տարրը:

HTML թեգեր, որոնք սահմանում են տեքստի հավասարեցում, ներքև

Տպագրության մեջ օգտագործվող հիմնավորված տեքստ

Ստորև բերված օրինակը ցույց է տալիս, թե ինչպես կարելի է հավասարեցնել տեքստը լայնությամբէջեր:

align = "ձախ" align = "աջ"

Ամեն օր ավելանում է սպասարկման ոլորտում զբաղված աշխատողների թիվը և տեղեկատվության տարածումը։ Եթե ​​անցյալ դարերի խորհրդանիշներն էին ֆերման և գործարանը, ապա ներկայիս 21-րդ դարի խորհրդանիշը գրասենյակն է, որը հագեցած է տեղեկատվական հոսքին հասանելի համակարգիչներով։

align = "հիմնավորել" align = "կենտրոն"

Ամեն օր ավելանում է սպասարկման ոլորտում զբաղված աշխատողների թիվը և տեղեկատվության տարածումը։ Եթե ​​անցյալ դարերի խորհրդանիշներն էին ֆերման և գործարանը, ապա ներկայիս 21-րդ դարի խորհրդանիշը գրասենյակն է, որը հագեցած է տեղեկատվական հոսքին հասանելի համակարգիչներով։

Ամեն օր ավելանում է սպասարկման ոլորտում զբաղված աշխատողների թիվը և տեղեկատվության տարածումը։ Եթե ​​անցյալ դարերի խորհրդանիշներն էին ֆերման և գործարանը, ապա ներկայիս 21-րդ դարի խորհրդանիշը գրասենյակն է, որը հագեցած է տեղեկատվական հոսքին հասանելի համակարգիչներով։

Արդարացված արժեքը ապահովում է միատեսակ տեքստի հավասարեցում աջ և ձախ, այն է լայնությամբ. Այս մեթոդը լայնորեն կիրառվում է տպագրության մեջ։

Տեքստի հավասարեցում HTML-ում՝ կենտրոնացնելու և հիմնավորելու համար

Հավասարեցնել տեքստը HTML-ով դեպի կենտրոն, տեքստը՝ աջ:

Արդյունք:

Հատկանիշներ և արժեքներ

  • align = "ձախ" - սահմանում է ձախ տեքստի հավասարեցում(կանխադրված):
  • align = "կենտրոն" - հարթեցնում է տեքստը կենտրոնին.
  • align = "աջ" հավասարեցնում է տեքստը դեպի աջ.

Հավասարեցում | HTML տեքստի նահանջ

HTML տեքստը և դրա խորացումը էջի ձախ կողմում

Եկեք արտադրենք տեքստի նահանջձախ կողմում երկու եղանակով.

Արդյունք:

Դիտել նոր պատուհանում:



 


Կարդացեք.



Ծիլեր՝ օգուտներ, կիրառություններ

Ծիլեր՝ օգուտներ, կիրառություններ

Ցորենի և այլ սերմերի բողբոջումը վերջին մի քանի տասնամյակների մոդա չէ, այլ ավելի քան 5000 տարվա վաղեմության ավանդույթ: Չինական...

Իվան Ահեղի հինգ ամենահայտնի պահակները

Իվան Ահեղի հինգ ամենահայտնի պահակները

Դիմակայում է թշնամիների լայն կոալիցիայի, այդ թվում՝ Թագավորություն-Շվեդիա, Թագավորություն-Լեհաստան, Մեծ Դքսություն-Լիտվա…

Միխայիլ Ֆեդորովիչ Ռոմանով. Ցար-«մաղադանոս» Միխայիլ Ռոմանովի ընտրությունը որպես Ռուսաստանի ցար

Միխայիլ Ֆեդորովիչ Ռոմանով. Ցար-«մաղադանոս» Միխայիլ Ռոմանովի ընտրությունը որպես Ռուսաստանի ցար

Յոթ բոյարների ժամանակաշրջանից և լեհերին Ռուսաստանի տարածքից վտարելուց հետո երկիրը նոր թագավորի կարիք ուներ։ 1612 թվականի նոյեմբերին Մինինը և Պոժարսկին ուղարկեցին...

Ռոմանովների դինաստիայի սկիզբը

Ռոմանովների դինաստիայի սկիզբը

Ընտրված մարդիկ հավաքվեցին Մոսկվայում 1613 թվականի հունվարին: Մոսկվայից նրանք խնդրեցին քաղաքներին ուղարկել մարդկանց «լավագույն, ուժեղ և ողջամիտ» թագավորական ընտրության համար: Քաղաքներ,...

կերակրման պատկեր RSS