Taula de continguts:

Com feu servir Flexbox i grid?
Com feu servir Flexbox i grid?

Vídeo: Com feu servir Flexbox i grid?

Vídeo: Com feu servir Flexbox i grid?
Vídeo: В чем разница между Float, Flexbox и Grid CSS? 2024, Maig
Anonim

Hem estat organitzant elements com a files i columnes al web des que ho fem utilitzat taules per a la maquetació. Tots dos flexbox i quadrícula es basen en aquest concepte. Flexbox és millor per organitzar elements en una sola fila o en una sola columna. Quadrícula és millor per organitzar elements en diverses files i columnes.

Posteriorment, també es pot preguntar, podeu utilitzar Flexbox i grid junts?

Majoritàriament No. Quadrícula és molt més nou que Flexbox i té una mica menys de compatibilitat amb el navegador. Ells llauna treball junts : a graella article llauna ser a flexbox contenidor. A flexionar article llauna ser a graella contenidor.

De la mateixa manera, és millor la graella CSS que Flexbox? Graelles CSS són per a dissenys 2D. Funciona tant amb files com amb columnes. Flexbox obres millor en una sola dimensió (o bé les files O columnes). Serà més estalvi de temps i útil si feu servir tots dos alhora.

En conseqüència, què és Flexbox grid?

Flexbox està fet per a dissenys unidimensionals i Quadrícula està fet per a dissenys bidimensionals. Això vol dir que si esteu disposant elements en una direcció (per exemple, tres botons dins d'una capçalera), hauríeu d'utilitzar Flexbox : us donarà més flexibilitat que CSS Quadrícula.

Quan no hauríeu d'utilitzar Flexbox?

Quan no s'ha d'utilitzar flexbox

  1. No utilitzeu flexbox per al disseny de la pàgina. Un sistema de quadrícula bàsic que utilitza percentatges, amplades màximes i consultes multimèdia és un enfocament molt més segur per crear dissenys de pàgines sensibles.
  2. No afegiu display:flex; a cada contenidor div.
  3. No utilitzeu flexbox si teniu molt trànsit d'IE8 i IE9.

Recomanat: