Se on tuettu kaikissa verkkoselaimissa. Sen sijaan, että käytettäisiin float asettelujen luomiseen kelluttamalla elementtejä vasemmalle tai oikealle, flexboxin avulla voit luoda asetteluja kohdistamalla kohteita yhdelle akselille. Akseli voi olla vaaka- tai pystysuora. Sitä käytetään parhaiten tilan jakamiseen samalla akselilla oleville kohteille.
Milloin käyttäisit float flex box -ruudukkoa?
Flexbox auttaa enimmäkseen sisällön tasaamisessa ja lohkojen siirtämisessä. CSS-ruudukot ovat 2D-asetteluja varten. Se toimii sekä rivien että sarakkeiden kanssa. Flexbox toimii paremmin vain yhdessä ulottuvuudessa (joko rivit TAI sarakkeet).
Miksi käyttäisit flexboxia kelluvien sijaan?
Alielementtien sijoittaminen helpottuu flexboxilla. Flexbox on responsiivinen ja mobiiliystävällinen. Flex-säiliön reunat eivät painu kasaan sisällön reunojen kanssa. Voimme helposti muuttaa verkkosivumme elementtien järjestystä ilman, että teemme muutoksia edes HTML:ään.
Pitäisikö minun käyttää kellukkeita vuonna 2020?
On tapauksia, joissa objektisi ei rivitä tekstiä, mutta muut vaihtoehdot eivät toimi. Älä siinä tapauksessa hikoile sitä, käytä vain kelluketta. Jos haluat todella kääriä tekstin kuvan tai muun div-osan ympärille, float on hienoa.
Milloin flexiä ei pitäisi käyttää?
Milloin flexboxia ei saa käyttää
- Älä käytä flexboxia sivun asettelussa. Perusruudukkojärjestelmä, jossa käytetään prosentteja, enimmäisleveyksiä ja mediakyselyjä, on paljon turvallisempi tapa luoda reagoivia sivuasetteluja. …
- Älä lisäänäyttö:flex; jokaiseen konttiin div. …
- Älä käytä flexboxia, jos sinulla on paljon liikennettä IE8:sta ja IE9:stä.
