Სარჩევი:

როგორ იყენებთ Flexbox-ს და ქსელს?
როგორ იყენებთ Flexbox-ს და ქსელს?

ვიდეო: როგორ იყენებთ Flexbox-ს და ქსელს?

ვიდეო: როგორ იყენებთ Flexbox-ს და ქსელს?
ვიდეო: How to Make a Website Using CSS Flexbox 2024, ნოემბერი
Anonim

ჩვენ მას შემდეგ ვაწყობთ ელემენტებს რიგებად და სვეტებად ვებში გამოყენებული მაგიდები განლაგებისთვის. ორივე flexbox და ბადე ამ კონცეფციას ეფუძნება. Flexbox საუკეთესოა ელემენტების ერთ მწკრივში ან ერთ სვეტში მოსაწყობად. ბადე საუკეთესოა ელემენტების მრავალ მწკრივში და სვეტში მოსაწყობად.

შემდგომში, შეიძლება ასევე იკითხოთ, შეგიძლიათ გამოიყენოთ Flexbox და ქსელი ერთად?

ძირითადად არა. ბადე ბევრად უფრო ახალია ვიდრე Flexbox და აქვს ცოტა ნაკლები ბრაუზერის მხარდაჭერა. მათ შეუძლია მუშაობა ერთად : ა ბადე ნივთი შეუძლია იყოს ა flexbox კონტეინერი. ა მოქნილი ნივთი შეუძლია იყოს ა ბადე კონტეინერი.

ანალოგიურად, არის თუ არა CSS ბადე უკეთესი ვიდრე Flexbox? CSS ბადეები განკუთვნილია 2D განლაგებისთვის. ის მუშაობს როგორც მწკრივებთან, ასევე სვეტებთან. Flexbox მუშაობს უკეთესი მხოლოდ ერთ განზომილებაში (ორი მწკრივი ან სვეტები). Ეს იქნება მეტი დროის დაზოგვა და გამოსადეგია, თუ ორივეს ერთდროულად იყენებთ.

შესაბამისად, რა არის Flexbox grid?

Flexbox დამზადებულია ერთგანზომილებიანი განლაგებისთვის და ბადე დამზადებულია ორგანზომილებიანი განლაგებისთვის. ეს ნიშნავს, რომ თუ ნივთებს ერთი მიმართულებით ათავსებთ (მაგალითად სამი ღილაკი სათაურის შიგნით), მაშინ უნდა გამოიყენოთ Flexbox : ეს მოგცემთ უფრო მეტ მოქნილობას, ვიდრე CSS ბადე.

როდის არ უნდა გამოიყენოთ Flexbox?

როდის არ გამოიყენოთ flexbox

  1. არ გამოიყენოთ flexbox გვერდის განლაგებისთვის. ძირითადი ბადის სისტემა, რომელიც იყენებს პროცენტებს, მაქსიმალურ სიგანეებს და მედია მოთხოვნებს, ბევრად უფრო უსაფრთხო მიდგომაა საპასუხო გვერდის განლაგების შესაქმნელად.
  2. არ დაამატო ეკრანი:flex; თითოეული კონტეინერის დაყოფა.
  3. არ გამოიყენოთ flexbox, თუ თქვენ გაქვთ ბევრი ტრაფიკი IE8-დან და IE9-დან.

გირჩევთ: