Cerca articoli della Knowledge Base

Flexbox: align-items

Flexbox: align-items

La proprietà align-items allinea gli elementi lungo l'asse trasversale (verticale di default).

Valori disponibili

  • stretch: elementi si estendono (default)
  • flex-start: elementi in alto
  • flex-end: elementi in basso
  • center: elementi centrati verticalmente
  • baseline: allineamento sulla linea di base del testo

Centrare perfettamente un elemento

.container {
 display: flex;
 justify-content: center;
 align-items: center;
 min-height: 100vh;
}

/* L'elemento figlio sarà perfettamente centrato */

Hai trovato utile quest'articolo?

Articoli Correlati

  • 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...