Super-centré
Utilisez place-items: center
pour centrer un élément dans son parent.
Commencez par spécifier la grille comme méthode d'affichage, puis écrivez place-items: center
sur le même élément. place-items
est un raccourci permettant de définir à la fois align-items
et justify-items
. Si vous le définissez sur center
, align-items
et justify-items
sont tous deux définis sur center
.
.parent {
display: grid;
place-items: center;
}
Ainsi, le contenu est parfaitement centré dans le parent, quelle que soit la taille intrinsèque.
<div class="parent">
<div class="box" contenteditable="">
:)
</div>
</div>
.parent {
display: grid;
place-items: center;
/* Just for parent demo size */
height: 100vh;
}
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2023/10/25 (UTC).
[null,null,["Dernière mise à jour le 2023/10/25 (UTC)."],[],[]]