Բովանդակություն:

Ի՞նչ է Flexbox կոնտեյները:
Ի՞նչ է Flexbox կոնտեյները:

Video: Ի՞նչ է Flexbox կոնտեյները:

Video: Ի՞նչ է Flexbox կոնտեյները:
Video: Portfolio Image Auto Scroll Effect Elementor FlexBox Containers 2024, Մայիս
Anonim

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

Ինչ վերաբերում է դրան, ինչպե՞ս եք օգտագործում Flexbox-ը:

Ամփոփում

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

ինչպես եք պատրաստում Flex կոնտեյներ: Նախքան դուք կարող եք օգտագործել ցանկացած flexbox սեփականություն, պետք է սահմանել ա ճկուն կոնտեյներ ձեր դասավորության մեջ: Դուք ստեղծել ճկուն կոնտեյներ տարրի ցուցադրման հատկությունը դնելով դրանցից մեկի վրա flexbox դասավորության արժեքները. ճկել կամ ներդիր- ճկել . Ըստ նախնականի, ճկել տարրերը հորիզոնական դրված են հիմնական առանցքի վրա ձախից աջ:

Այս կերպ, ինչի՞ համար է օգտագործվում Flexbox-ը:

Flexbox դասավորության մոդել է, որը թույլ է տալիս տարրերին հարթեցնել և բաշխել տարածությունը կոնտեյների ներսում: Օգտագործելով ճկուն լայնություններ և բարձրություններ՝ տարրերը կարող են հավասարեցվել՝ տարածությունը լրացնելու կամ տարրերի միջև տարածություն բաշխելու համար, ինչը այն դարձնում է հիանալի գործիք օգտագործել _ ի համար արձագանքող նախագծման համակարգեր:

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

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

Խորհուրդ ենք տալիս: