Sisukord:

Kuidas kasutate Flexboxi ja võrku?
Kuidas kasutate Flexboxi ja võrku?

Video: Kuidas kasutate Flexboxi ja võrku?

Video: Kuidas kasutate Flexboxi ja võrku?
Video: Kuidas kasutada treeningrihma - korrektne paigaldus ja õiged põhimõtted (subtiitritega) 2024, Mai
Anonim

Alates sellest ajast oleme veebis elemente ridade ja veergudena järjestanud kasutatud tabelid paigutuseks. Mõlemad flexbox ja võre põhinevad sellel kontseptsioonil. Flexbox sobib kõige paremini elementide paigutamiseks ühte ritta või ühte veergu. Võre sobib kõige paremini elementide paigutamiseks mitmesse ritta ja veergu.

Seejärel võib ka küsida, kas Flexboxi ja võre saab koos kasutada?

Enamasti ei. Võre on palju uuem kui Flexbox ja sellel on natuke vähem brauseri tuge. Nad saab tööd koos : a võre üksus saab olema a flexbox konteiner. A painduv üksus saab olema a võre konteiner.

Samuti on CSS-võrk parem kui Flexbox? CSS-võrgud on mõeldud 2D-paigutuste jaoks. See töötab nii ridade kui ka veergudega. Flexbox töötab parem ainult ühes mõõtmes (kas rida VÕI veerud). Saab olema rohkem säästab aega ja on kasulik, kui kasutate mõlemat korraga.

Mis on seega Flexboxi võrk?

Flexbox on tehtud ühemõõtmeliste paigutuste jaoks ja Võre on tehtud kahemõõtmeliste paigutuste jaoks. See tähendab, et kui paigutate üksusi ühes suunas (näiteks kolm nuppu päises), peaksite kasutama Flexbox : see annab teile rohkem paindlikkust kui CSS Võre.

Millal ei tohiks Flexboxi kasutada?

Millal mitte kasutada flexboxi

  1. Ärge kasutage lehe paigutuseks flexboxi. Põhiline ruudustikusüsteem, mis kasutab protsente, maksimaalseid laiusi ja meediumipäringuid, on palju turvalisem viis reageerivate lehepaigutuste loomiseks.
  2. Ärge lisage display:flex; igale üksikule konteineri divisjonile.
  3. Ärge kasutage flexboxi, kui teil on palju IE8 ja IE9 liiklust.

Soovitan: