Flexbox

Ukratko o Flexbox-u

Flexbox je CSS modul koji omogućava fleksibilno i responzivno raspoređivanje elemenata u jednom smjeru — red (row) ili kolona (column)

Primjer slike
Flexbox

Osnovna pravila

Roditeljski element mora imati display: flex;

Djeca tog elementa automatski postaju flex items

Smjer rasporeda se postavlja sa flex-direction

Poravnanje i raspodjela prostora se kontroliraju sa:

  • justify-content (horizontalno poravnanje)
  • align-items (vertikalno poravnanje)
  • flex-wrap (prelamanje u novi red)
Klikni za više

- Prednosti

Lakše centriranje elemenata horizontalno i vertikalno

Automatsko prilagođavanje prostora

Nema potrebe za float ili position trikovima