Il CSS è ancora confuso per la maggior parte di noi: ha centinaia di proprietà mal denominate, ognuna delle quali può influenzare il risultato in modi non intuitivi. Il posizionamento verticale degli elementi nello sviluppo web è complicato e spesso è stato un problema in passato, ma quei giorni sono fortunatamente finiti.
È difficile da credere: nel 2024 è possibile ottenere il risultato desiderato con una sola riga di CSS.:
0f1273b25d9806459716
0f1273b25d9806459716
In passato, per ottenere lo stesso risultato, sono state utilizzate diverse altre opzioni:
Flexbox
0f1273b25d9806459716
Posizionamento assoluto
0f1273b25d9806459716
Blocco in linea
0f1273b25d9806459716
Il Supporto del browser per l'allineamento dei contenuti è ora molto valido e non ci sono più argomenti validi per utilizzare tecniche obsolete. Tra l'altro, non è più necessario un flexbox per questo compito e l'elemento figlio (a differenza dell'esempio precedente) non deve essere collocato in un elemento separato div È sorprendente che, dopo decenni di progressi, i CSS abbiano solo ora una singola funzione per controllare la centratura verticale.