Cuprins:

Cum creez un aspect al grilei în CSS?
Cum creez un aspect al grilei în CSS?

Video: Cum creez un aspect al grilei în CSS?

Video: Cum creez un aspect al grilei în CSS?
Video: CSS Grid Layout Crash Course 2024, Mai
Anonim

Să recapitulăm cei patru pași esențiali:

  1. Crea un element container și declarați că afișează: grilă ;.
  2. Utilizați același container pentru a defini grilă piese folosind grilă - șablon -coloane și grilă - șablon -proprietățile rândurilor.
  3. Așezați elementele copil în container.
  4. Specificați dimensiunile jgheabului folosind grilă -proprietățile golului.

Prin urmare, pot folosi aspectul grilă CSS?

În afară de Internet Explorer, Aspect grilă CSS este fără prefix în Safari, Chrome, Opera, Firefox și Edge. Suportul pentru toate proprietățile și valorile detaliate în aceste ghiduri este interoperabil între browsere. Asta înseamnă că dacă scrii ceva Aspect grilă cod în Firefox, ar trebui să funcționeze în același mod în Chrome.

În plus, ar trebui să folosesc Flexbox sau grid? Ambii flexbox și grilă se bazează pe acest concept. Flexbox este cel mai bun pentru aranjarea elementelor fie pe un singur rând, fie pe o singură coloană. Grilă este cel mai bun pentru aranjarea elementelor pe mai multe rânduri și coloane. Proprietatea justify-content determină modul în care spațiul suplimentar al contracta -containerul este distribuit către contracta -articole.

La fel, ce este 1fr?

1fr este o „unitate fracțională”, care este un mod de a spune „spațiul rămas în element”.

Ce este Flexbox grid?

Flexbox este realizat pentru machete unidimensionale și Grilă este realizat pentru machete bidimensionale. Aceasta înseamnă că, dacă așezați articole într-o singură direcție (de exemplu trei butoane în interiorul unui antet), atunci ar trebui să utilizați Flexbox : Vă va oferi mai multă flexibilitate decât CSS Grilă.

Recomandat: