Super centrata
Usa place-items: center
per centrare un elemento all'interno del relativo elemento principale.
Prima specifica griglia come metodo di visualizzazione, quindi scrivi place-items: center
sullo stesso elemento. place-items
è un modo rapido per impostare sia align-items
che justify-items
contemporaneamente. Se lo imposti su center
, sia align-items
che justify-items
vengono impostati su center
.
.parent {
display: grid;
place-items: center;
}
Ciò consente ai contenuti di essere perfettamente centrati all'interno del file principale, indipendentemente dalle dimensioni intrinseche.
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}
Salvo quando diversamente specificato, i contenuti di questa pagina sono concessi in base alla licenza Creative Commons Attribution 4.0, mentre gli esempi di codice sono concessi in base alla licenza Apache 2.0. Per ulteriori dettagli, consulta le norme del sito di Google Developers. Java è un marchio registrato di Oracle e/o delle sue consociate.
Ultimo aggiornamento 2023-10-25 UTC.
[null,null,["Ultimo aggiornamento 2023-10-25 UTC."],[],[]]