La proprietà allinea-content per i layout a blocchi ora fa parte di Baseline

Rachel Andrew

Pubblicato il 17 aprile 2024

Ora puoi utilizzare la proprietà align-content di CSS Box Alignment nei layout a blocchi e a tabella. In questo modo, l'allineamento della direzione del blocco è consentito senza dover creare un layout flessibile o a griglia.

L'attività un tempo impossibile di centrare verticalmente un elemento è stata resa più semplice da Flexbox e Grid, insieme alla proprietà align-content. Tuttavia, è stato necessario creare un layout flessibile o a griglia solo per eseguire questo allineamento. La proprietà è stata specificata per il layout a blocchi e negli ultimi mesi tutti e tre i principali motori hanno implementato 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 per il funzionamento della proprietà. Non sono necessarie proprietà aggiuntive, poiché l'elemento rimane un elemento di blocco. L'unica modifica riguarda l'allineamento.