Ar trebui să folosesc float sau flex?

Cuprins:

Ar trebui să folosesc float sau flex?
Ar trebui să folosesc float sau flex?
Anonim

Este acceptat în toate browserele web. În loc să utilizați un float pentru a crea machete prin elementele plutitoare la stânga sau la dreapta, flexbox vă permite să creați machete prin alinierea elementelor pe o singură axă. Axa poate fi orizontală sau verticală. Este cel mai bine utilizat pentru distribuirea spațiului pentru articole pe aceeași axă.

Când ați folosi grila float flex box?

Flexbox ajută în principal la alinierea conținutului și la mutarea blocurilor. Grilele CSS sunt pentru machete 2D. Funcționează atât cu rânduri, cât și cu coloane. Flexbox funcționează mai bine într-o singură dimensiune (fie rânduri, SAU coloane).

De ce ați folosi flexbox în loc de floats?

Poziționarea elementelor copil devine mai ușoară cu flexbox. Flexbox este receptiv și prietenos cu dispozitivele mobile. Marginile containerului Flex nu se prăbușesc odată cu marginile conținutului său. Putem schimba cu ușurință ordinea elementelor de pe pagina noastră web, fără măcar să facem modificări în HTML.

Ar trebui să folosesc flotatori în 2020?

Există cazuri când obiectul dvs. nu include textul, dar nicio altă opțiune nu funcționează. În acest caz, nu vă transpirați, folosiți doar float. Dacă chiar doriți să încadrați text în jurul unei imagini sau al unui alt div, float este grozav.

Când nu ar trebui să utilizați flex?

Când nu trebuie să utilizați flexbox

  1. Nu utilizați flexbox pentru aspectul paginii. Un sistem de grilă de bază care utilizează procente, lățimi maxime și interogări media este o abordare mult mai sigură pentru crearea unor aspecte de pagină receptive. …
  2. Nu adăugațidisplay:flex; la fiecare container div. …
  3. Nu utilizați flexbox dacă aveți mult trafic de la IE8 și IE9.

Recomandat: