Ինչպե՞ս եք օգտագործում Flex-ը CSS-ում:

2024 Հեղինակ: Lynn Donovan | [email protected]. Վերջին փոփոխված: 2024-01-18 08:25

Ամփոփում

1. Օգտագործեք ցուցադրել: ճկել ; ստեղծել ա ճկել կոնտեյներ.
2. Օգտագործեք justify-content տարրերի հորիզոնական դասավորվածությունը սահմանելու համար:
3. Օգտագործեք align-items՝ իրերի ուղղահայաց դասավորությունը սահմանելու համար:
4. Օգտագործեք flex - ուղղություն, եթե տողերի փոխարեն սյունակներ են անհրաժեշտ:
5. Օգտագործեք տող-հակադարձ կամ սյունակ-հակադարձ արժեքները` ապրանքների հերթականությունը շրջելու համար:

Ինչ վերաբերում է այս հարցին, ո՞րն է CSS-ում ցուցադրման ֆլեքսի օգտագործումը:

Ա ճկել բեռնարկղը ընդլայնում է իրերը՝ լրացնելու հասանելի ազատ տարածքը կամ փոքրացնում է դրանք՝ կանխելու արտահոսքը: Ամենակարևորը, որ flexbox դասավորությունը ուղղորդող ագնոստիկ է, ի տարբերություն սովորական դասավորությունների (բլոկ, որը հիմնված է ուղղահայաց վրա և գծային, որը գտնվում է հորիզոնական վրա):

Կարելի է նաև հարցնել, թե ինչ է CSS Flex 1-ը: ճկել : 1 ; = ճկել : 1 1 0n; (որտեղ n-ը երկարության միավոր է): ճկել -grow. Թիվ, որը ցույց է տալիս, թե որքան կաճի ապրանքը մնացած ճկուն տարրերի համեմատ: ճկել -shrink Թիվ, որը ցույց է տալիս, թե որքանով կփոքրանա իրը մնացած ճկուն տարրերի համեմատ: ճկել -հիմք Նյութի երկարությունը:

Հետագայում, կարելի է նաև հարցնել, թե ինչ է inline Flex CSS-ը:

Inline - Flex - Այն ներդիր տարբերակը ճկել թույլ է տալիս տարերքին, և դա երեխաներին, ունենալ ճկել հատկությունները` դեռևս մնալով փաստաթղթի/վեբ էջի կանոնավոր հոսքում: Փաստաթղթերի հոսքի առումով այն արձագանքում է բլոկի տարրի պես: Երկու flexbox բեռնարկղերը չեն կարող գոյություն ունենալ նույն շարքում առանց ավելորդության ոճավորում.

Ո՞րն է լռելյայն կողմնորոշումը Flex կոնտեյների մեջ:

Այն լռելյայն դասավորվածությունը ցուցադրումը կիրառելուց հետո. ճկել նախատեսված է իրերի հիմնական առանցքի երկայնքով ձախից աջ դասավորելու համար: Ստորև բերված անիմացիան ցույց է տալիս, թե ինչ է տեղի ունենում, երբ ճկել - ուղղությունը սյունակը ավելացված է կոնտեյներ տարր. Դուք կարող եք նաեւ set flex - ուղղությունը դեպի տող-հակադարձ և սյունակ-հակադարձ.