Ինչպե՞ս եք տեղ հատկացնում Flex-ում:

2024 Հեղինակ: Lynn Donovan | [email protected]. Վերջին փոփոխված: 2023-12-15 23:48

Նյութերի վերջում տեղադրելու համար ճկել տող, սահմանել justify-content to ճկել - վերջ. Արժեքի կենտրոնի տեղերը ճկել կետերը գծի կենտրոնում՝ հավասար քանակությամբ դատարկ տարածություն տողի սկզբի եզրի և առաջին կետի միջև: Արժեք տարածություն -միջև ցուցադրում է հավասար տարածություն միջև ճկել իրեր.

Նմանապես, ինչպե՞ս եք տեղադրում ճկուն տարրերը:

Ամփոփում

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

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

Պարզապես, կարո՞ղ եմ օգտագործել արդարացված բովանդակության տարածքը շուրջը:

« տարածություն - հավասարաչափ» արժեքը արդարացնել - բովանդակությունը գույքը բաշխում է տարածություն իրերի միջև հավասարաչափ: Այն նման է տարածություն - շուրջը բայց ապահովում է հավասար՝ կիսաչափի փոխարեն տարածություն եզրերին. Կարող է լինել օգտագործված ինչպես CSS flexbox-ում, այնպես էլ ցանցում:

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

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