Სარჩევი:

როგორ აძლევთ ადგილს Flex-ში?
როგორ აძლევთ ადგილს Flex-ში?

ვიდეო: როგორ აძლევთ ადგილს Flex-ში?

ვიდეო: როგორ აძლევთ ადგილს Flex-ში?
ვიდეო: გაცვლითი პროგრამები | Flex, Erasmus+ | ნაწილი 1 2024, აპრილი
Anonim

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

ანალოგიურად, როგორ აყენებთ მოქნილ ელემენტებს?

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

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

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

უბრალოდ, შემიძლია გამოვიყენო დასაბუთებული შინაარსის სივრცე გარშემო?

" სივრცე - თანაბრად" მნიშვნელობა ამართლებს - შინაარსი ქონება ანაწილებს სივრცე ნივთებს შორის თანაბრად. მსგავსია სივრცე - ირგვლივ მაგრამ უზრუნველყოფს თანაბარი ნაცვლად ნახევარი ზომის სივრცე კიდეებზე. შეუძლია იყოს გამოყენებული როგორც CSS flexbox-ში, ასევე ქსელში.

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

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

გირჩევთ: