Სარჩევი:

როგორ იყენებთ flex-ს CSS-ში?
როგორ იყენებთ flex-ს CSS-ში?

ვიდეო: როგორ იყენებთ flex-ს CSS-ში?

ვიდეო: როგორ იყენებთ flex-ს CSS-ში?
ვიდეო: Learn Flexbox CSS in 8 minutes 2024, აპრილი
Anonim

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

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

ამასთან დაკავშირებით, რა სარგებლობა მოაქვს display flex-ს CSS-ში?

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

შეიძლება ასევე იკითხოთ, რა არის CSS Flex 1? მოქნილი : 1 ; = მოქნილი : 1 1 0n; (სადაც n არის სიგრძის ერთეული). მოქნილი -grow: რიცხვი, რომელიც აზუსტებს, რამდენად გაიზრდება ნივთი დანარჩენ მოქნილ ელემენტებთან შედარებით. მოქნილი -shrink რიცხვი, რომელიც აზუსტებს, რამდენად შემცირდება ელემენტი დანარჩენ მოქნილ ელემენტებთან შედარებით. მოქნილი -ბაზა ნივთის სიგრძე.

შემდგომში, შეიძლება ასევე იკითხოთ, რა არის inline Flex CSS?

Ხაზში - მოქნილი - ხაზში ვერსია მოქნილი საშუალებას აძლევს ელემენტს და ის ბავშვებს ჰქონდეთ მოქნილი თვისებები, ხოლო კვლავ რჩება დოკუმენტის/ვებგვერდის რეგულარულ ნაკადში. ის პასუხობს ბლოკის ელემენტის მსგავსად, დოკუმენტის ნაკადის თვალსაზრისით. ორი flexbox კონტეინერები არ შეიძლებოდა არსებობდეს იმავე რიგში ზედმეტის გარეშე სტილისტიკა.

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

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

გირჩევთ: