Cosa fa Flex basis?

Domanda di: Kai Ferrari  |  Ultimo aggiornamento: 28 marzo 2023
Valutazione: 4.2/5 (61 voti)

La proprietà flex basis consente di impostare le dimensioni in lunghezza di un box. Nel caso in cui è impostato flex-direction:row, oppure se non è specificato nulla, la lunghezza si riferisce alla larghezza (width), altrimenti se flex-direction:column allora la lunghezza si riferisce all'altezza (height).

Come funziona Flex CSS?

Flexbox (o più precisamente CSS Flexible Box Layout) funziona in modo più intelligente e dinamico: il layout si adatta in modo flessibile al display utilizzato (Responsive Design). Lo spazio viene riempito o gli elementi vengono accostati tra loro in modo che tutto sia chiaramente visibile.

Cosa fa Flex Grow?

La proprietà flex grow consente di impostare il fattore di ingrandimento , cioè rende semplicemente più grande un box contenitore rispetto ad un altro nel contenitore padre.

Come agisce la proprietà Flex shrink?

La proprietà flex shrink consente di impostare il fattore di riduzione, cioè rendere semplicemente più piccolo un box contenitore rispetto ad un altro o ad altri presenti nel contenitore padre.

Cosa fa Flex Wrap?

La proprietà flex-wrap indica al browser se disporre i box all'interno del contenitore su una riga o su più righe in base allo spazio disponbile.

The thing people get wrong about flex-basis