Početna

Flex warp i Flex basis



Flex-wrap

Omogućuje da elementi budu u jednoj liniji ili se mogu prikazivati u više linija kada prikaz bude manji od predviđenog

Primjer:

  • nowrap: svi elementi su složeni u istu liniju, nema prelaska u drugi red
  • wrap: elementi koji ne stanu u zadane okvire kontejnera prelaze u drugi red s desna na lijevo
  • wrap-reverse: elementi koji ne stanu u zadane okvire kontejnera prelaze u drugi red s lijeva na desno

  • Flex-basis

    Određuje veličinu nekog elementa prije nego se slobodni prostor (uz npr. flex-grow:1;) rasporedi na elemente u tom redu

    Primjer:

  • auto: traži definirano sojstvo širine i visine (ako nema uzima dimenzije sadržaja)
  • content: definira dimenzije na osnovu sadržaja koji se nalazi u elementu
  • 300px: određuje veličinu na osnovu dane vrijednosti

  • Flex

    Kartica za svojstva flex-grow, flex-shrink i flex-basis

    flex