Ora puoi utilizzare la proprietà align-content
di Allineamento caselle CSS nei layout a blocchi e di tabella. In questo modo l'allineamento della direzione dei blocchi
senza bisogno di creare un layout flessibile o a griglia.
Supporto dei browser
- 123
- 123
- 125
- 17,4
Il compito, un tempo impossibile, di centrare un elemento verticalmente è stato semplificato grazie a flexbox e griglia,
insieme alla proprietà align-content
. Tuttavia, è stato necessario creare un layout flessibile o a griglia solo per questo allineamento.
La proprietà è stata specificata per il layout a blocchi e negli ultimi mesi tutti e tre i principali motori hanno distribuito la funzionalità.
Con align-content
disponibile per il layout a blocchi, puoi ottenere l'allineamento verticale senza dover creare un layout flessibile o a griglia affinché la proprietà funzioni. Non sono necessarie proprietà aggiuntive perché l'elemento rimane un elemento di blocco, l'unica modifica è l'allineamento.