მხარდაჭერილია ყველა ვებ ბრაუზერში. იმის ნაცვლად, რომ გამოიყენოთ float განლაგებების შესაქმნელად ელემენტების მარცხნივ ან მარჯვნივ გადაადგილებით, flexbox გაძლევთ საშუალებას შექმნათ განლაგება ელემენტების ერთ ღერძზე გასწორებით. ღერძი შეიძლება იყოს ჰორიზონტალური ან ვერტიკალური. ის საუკეთესოდ გამოიყენება იმავე ღერძზე ნივთებისთვის სივრცის გასანაწილებლად.
როდის იყენებდით float flex box grid?
Flexbox ძირითადად ეხმარება კონტენტის გასწორებასა და ბლოკების გადატანას. CSS ბადეები განკუთვნილია 2D განლაგებისთვის. მუშაობს როგორც მწკრივებთან, ასევე სვეტებთან. Flexbox უკეთ მუშაობს მხოლოდ ერთ განზომილებაში (ან რიგები ან სვეტები).
რატომ იყენებდით flexbox-ს floats-ის ნაცვლად?
ბავშვური ელემენტების პოზიციონირება უფრო ადვილი ხდება flexbox-ით. Flexbox არის საპასუხო და მობილურებისთვის მოსახერხებელი. Flex კონტეინერის მინდვრები არ იშლება მისი შინაარსის მინდვრებთან ერთად. ჩვენ შეგვიძლია მარტივად შევცვალოთ ელემენტების თანმიმდევრობა ჩვენს ვებ გვერდზე HTML-ში ცვლილებების შეტანის გარეშეც კი.
უნდა გამოვიყენო ათწილადები 2020 წელს?
არის შემთხვევები, როდესაც თქვენი ობიექტი არ ახვევს ტექსტს, მაგრამ სხვა ვარიანტები არ მუშაობს. ამ შემთხვევაში, არ გაოფლიანოთ, უბრალოდ გამოიყენეთ float. თუ ნამდვილად გსურთ ტექსტის გადატანა გამოსახულების ან სხვა დივის გარშემო, float შესანიშნავია.
როდის არ უნდა გამოიყენოთ flex?
როდის არ გამოიყენოთ flexbox
- არ გამოიყენოთ flexbox გვერდის განლაგებისთვის. ძირითადი ბადის სისტემა, რომელიც იყენებს პროცენტებს, მაქსიმალურ სიგანეებს და მედია მოთხოვნებს, გაცილებით უსაფრთხო მიდგომაა საპასუხო გვერდის განლაგების შესაქმნელად. …
- არ დაამატოჩვენება: მოქნილი; თითოეული კონტეინერის დაყოფა. …
- არ გამოიყენოთ flexbox, თუ გაქვთ ბევრი ტრაფიკი IE8-დან და IE9-დან.
