Სარჩევი:

რა არის Flexbox კონტეინერი?
რა არის Flexbox კონტეინერი?

ვიდეო: რა არის Flexbox კონტეინერი?

ვიდეო: რა არის Flexbox კონტეინერი?
ვიდეო: CSS Flexbox in 100 Seconds 2024, მაისი
Anonim

ა მოქნილი კონტეინერი აფართოებს ნივთებს ხელმისაწვდომი თავისუფალი სივრცის შესავსებად ან ამცირებს მათ გადადინების თავიდან ასაცილებლად. რაც მთავარია, flexbox განლაგება არის მიმართულების აგნოსტიკური განსხვავებით ჩვეულებრივი განლაგებებისგან (ბლოკი, რომელიც არის ვერტიკალურად დაფუძნებული და ხაზოვანი, რომელიც ჰორიზონტალურად არის დაფუძნებული).

ამასთან დაკავშირებით, როგორ იყენებთ Flexbox-ს?

Შემაჯამებელი

  1. გამოიყენეთ ეკრანი: flex; მოქნილი კონტეინერის შესაქმნელად.
  2. გამოიყენეთ justify-content ნივთების ჰორიზონტალური განლაგების დასადგენად.
  3. გამოიყენეთ align-item ელემენტების ვერტიკალური განლაგების დასადგენად.
  4. გამოიყენეთ flex-direction, თუ რიგების ნაცვლად სვეტები გჭირდებათ.
  5. გამოიყენეთ მწკრივი-უკუ ან სვეტი-უკუ მნიშვნელობები ნივთების თანმიმდევრობის გადასატანად.

როგორ აკეთებთ Flex კონტეინერს? სანამ რაიმეს გამოიყენებთ flexbox ქონება, თქვენ უნდა განსაზღვროთ ა მოქნილი კონტეინერი თქვენს განლაგებაში. შენ შექმენით მოქნილი კონტეინერი ელემენტის ჩვენების თვისების ერთ-ერთზე დაყენებით flexbox განლაგების მნიშვნელობები: მოქნილი ან ინლაინ- მოქნილი . ნაგულისხმევად, მოქნილი ნივთები განლაგებულია ჰორიზონტალურად მთავარ ღერძზე მარცხნიდან მარჯვნივ.

ამ გზით, რისთვის გამოიყენება Flexbox?

Flexbox არის განლაგების მოდელი, რომელიც საშუალებას აძლევს ელემენტებს გაასწორონ და გაანაწილონ სივრცე კონტეინერში. მოქნილი სიგანისა და სიმაღლის გამოყენებით ელემენტების გასწორება შესაძლებელია სივრცის შესავსებად ან ელემენტებს შორის სივრცის გასანაწილებლად, რაც მას შესანიშნავ ინსტრუმენტად აქცევს. გამოიყენება საპასუხო დიზაინის სისტემები.

რა არის ნაგულისხმევი ორიენტაცია Flex კონტეინერში?

The ნაგულისხმევი მოწყობა ჩვენების გამოყენების შემდეგ: მოქნილი არის ნივთების განლაგება მთავარი ღერძის გასწვრივ მარცხნიდან მარჯვნივ. ქვემოთ მოყვანილი ანიმაცია აჩვენებს, რა ხდება როდის მოქნილი - მიმართულება : სვეტს ემატება კონტეინერი ელემენტი. Ასევე შეგიძლიათ კომპლექტი flex - მიმართულება მწკრივი-უკუ და სვეტი-უკუ.

გირჩევთ: