Flexbox: justify-content

Flexbox: justify-content

La proprietà justify-content allinea gli elementi lungo l'asse principale (orizzontale di default).

Valori disponibili

  • flex-start: elementi all'inizio (default)
  • flex-end: elementi alla fine
  • center: elementi al centro
  • space-between: spazio uguale TRA gli elementi
  • space-around: spazio uguale INTORNO agli elementi
  • space-evenly: spazio perfettamente uguale ovunque

Esempio menu navigazione

.menu {
 display: flex;
 justify-content: space-between;
}

.menu-centered {
 display: flex;
 justify-content: center;
 gap: 20px;
}

Hai trovato utile quest'articolo?

  • Introduzione al CSS

    Introduzione al CSS Il CSS (Cascading Style Sheets) è il linguaggio utilizzato per definire lo stile...
  • Selettori Css di Base

    Selettori Css di Base I selettori CSS permettono di identificare gli elementi HTML a cui applicare g...
  • Proprietà color e background

    Proprietà color e background Le proprietà color e background sono fondamentali per definire l'aspett...
  • Margin e Padding

    Margin e Padding Margin e Padding controllano lo spazio intorno e dentro gli elementi.Differenza chi...
  • Box Model CSS

    Box Model CSS Il Box Model è il concetto fondamentale che descrive come ogni elemento HTML è rappres...