Centre de contenu
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Une technique de centrage qui ne représente que quelques lignes de code CSS est idéale pour de nombreux éléments, mais a pour effet secondaire de faire en sorte que les enfants correspondent à la largeur de l'élément le plus large.
Consultez l'article complet pour plus de détails sur cette technique et ses cas d'efficacité.
Article complet · Vidéo sur YouTube · Source sur GitHub
HTML
<article class="content-center">
<h1>Content Center</h1>
</article>
CSS
.content-center {
display: grid;
place-content: center;
gap: 1ch;
}
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 2024/03/13 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2024/03/13 (UTC)."],[],[]]