Inhaltscenter
Eine Zentrierungsmethode, die nur wenige CSS-Zeilen umfasst, funktioniert bei vielen Elementen gut, hat aber den Nebeneffekt, dass untergeordnete Elemente der Breite des breitesten Elements entsprechen.
Im vollständigen Artikel finden Sie viele weitere Details zu dieser Methode und dazu, wann sie effizient ist.
Vollständiger Artikel · Video auf YouTube · Quelle auf GitHub
<article class="content-center">
<h1>Content Center</h1>
</article>
.content-center {
display: grid;
place-content: center;
gap: 1ch;
}
Sofern nicht anders angegeben, sind die Inhalte dieser Seite unter der Creative Commons Attribution 4.0 License und Codebeispiele unter der Apache 2.0 License lizenziert. Weitere Informationen finden Sie in den Websiterichtlinien von Google Developers. Java ist eine eingetragene Marke von Oracle und/oder seinen Partnern.
Zuletzt aktualisiert: 2024-03-13 (UTC).
[null,null,["Zuletzt aktualisiert: 2024-03-13 (UTC)."],[],[]]