Obsah:

Ako používate Flexbox a mriežku?
Ako používate Flexbox a mriežku?

Video: Ako používate Flexbox a mriežku?

Video: Ako používate Flexbox a mriežku?
Video: Размножение Орхидеи фаленопсис. Детка орхидеи на цветоносе. УСПЕШНЫЕ ЭКСПЕРИМЕНТЫ. Как правильно... 2024, Smieť
Anonim

Odkedy sme na webe usporiadali prvky ako riadky a stĺpce použité tabuľky na rozloženie. Obaja flexbox a mriežka sú založené na tomto koncepte. Flexbox je najvhodnejší na usporiadanie prvkov do jedného riadka alebo do jedného stĺpca. Mriežka je najvhodnejší na usporiadanie prvkov do viacerých riadkov a stĺpcov.

Následne sa možno spýtať, či môžete použiť Flexbox a mriežku spolu?

Väčšinou č. Mriežka je oveľa novšia ako Flexbox a má o niečo menšiu podporu prehliadača. Oni môcť práca spolu : a mriežka položka môcť byť a flexbox kontajner. A flex položka môcť byť a mriežka kontajner.

Podobne je mriežka CSS lepšia ako Flexbox? CSS mriežky sú určené pre 2D rozloženia. Pracuje s riadkami aj stĺpcami. Flexbox Tvorba lepšie len v jednom rozmere (oba radoch ALEBO stĺpce). Bude to viac šetrí čas a je užitočné, ak používate oboje súčasne.

Čo je teda mriežka Flexbox?

Flexbox je vyrobený pre jednorozmerné rozloženie a Mriežka je vyrobený pre dvojrozmerné rozloženie. To znamená, že ak rozmiestňujete položky jedným smerom (napríklad tri tlačidlá v hlavičke), mali by ste použiť Flexbox : Poskytne vám väčšiu flexibilitu ako CSS Mriežka.

Kedy by ste nemali používať Flexbox?

Kedy nepoužívať flexbox

  1. Na rozloženie stránky nepoužívajte flexbox. Základný mriežkový systém využívajúci percentá, maximálne šírky a mediálne dopyty je oveľa bezpečnejší prístup na vytváranie responzívnych rozložení stránok.
  2. Nepridávajte display:flex; do každého jedného kontajnera div.
  3. Nepoužívajte flexbox, ak máte veľkú návštevnosť z IE8 a IE9.

Odporúča: