Այն աջակցվում է բոլոր վեբ բրաուզերներում: Փոխանակ float օգտագործելու համար դասավորություններ ստեղծելու համար՝ լողացող տարրերը ձախ կամ աջ կողմում, flexbox-ը թույլ է տալիս ստեղծել դասավորություններ՝ տարրերը հավասարեցնելով մեկ առանցքի: Առանցքը կարող է լինել հորիզոնական կամ ուղղահայաց: Այն լավագույնս օգտագործվում է նույն առանցքի առարկաների համար տարածք բաշխելու համար:
Ե՞րբ կօգտագործեիք float flex box grid:
Flexbox հիմնականում օգնում է հարթեցնել բովանդակությունը և տեղափոխել բլոկները: CSS ցանցերը նախատեսված են 2D դասավորության համար: Այն աշխատում է ինչպես տողերի, այնպես էլ սյունակների հետ: Flexbox-ն ավելի լավ է աշխատում միայն մեկ հարթությունում (կամ տողեր, ԿԱՄ սյունակներ):
Ինչու՞ կօգտագործեիք flexbox-ը floats-ի փոխարեն:
Երեխայի տարրերի դիրքավորումն ավելի հեշտ է դառնում flexbox-ի հետ: Flexbox-ը պատասխանատու է և հարմար է շարժական սարքերի համար: Flex կոնտեյների լուսանցքները չեն փլուզվում դրա պարունակության եզրերով: Մենք հեշտությամբ կարող ենք փոխել տարրերի հերթականությունը մեր վեբ էջի վրա՝ նույնիսկ առանց HTML-ում փոփոխություններ կատարելու:
Պե՞տք է արդյոք 2020 թվականին օգտագործեմ լողացող սարքեր:
Կան դեպքեր, երբ ձեր օբյեկտը չի փաթաթում տեքստը, բայց ոչ մի այլ տարբերակ չի աշխատում: Այդ դեպքում մի քրտնեք այն, ուղղակի օգտագործեք float: Եթե իսկապես ցանկանում եք տեքստը փաթաթել պատկերի կամ այլ դիվիզի շուրջ, float-ը հիանալի է:
Ե՞րբ չի կարելի օգտագործել flex:
Երբ չօգտագործել flexbox
- Մի օգտագործեք flexbox-ը էջի դասավորության համար: Հիմնական ցանցային համակարգը, որն օգտագործում է տոկոսներ, առավելագույն լայնություններ և մեդիա հարցումներ, շատ ավելի անվտանգ մոտեցում է արձագանքող էջի դասավորություններ ստեղծելու համար: …
- Մի ավելացրեքցուցադրում: flex; յուրաքանչյուր կոնտեյների բաժանում. …
- Մի օգտագործեք flexbox-ը, եթե IE8-ից և IE9-ից շատ տրաֆիկ ունեք:
