How TO - Website zentrieren
Erfahren Sie, wie Sie Ihre Website mit CSS horizontal zentrieren.
Center-Website
Erfahren Sie, wie Sie Ihre Website horizontal zentrieren:
Dieses Beispiel ist auf Bildschirmen, die breiter als 500 Pixel sind, horizontal zentriert.
So zentrieren Sie Ihre Website
Verwenden Sie ein Containerelement und legen Sie eine bestimmte max-width
. Eine übliche Breite, die viele Websites verwenden, ist 960 Pixel. Um die Seite tatsächlich zu zentrieren, fügen Sie hinzu margin: auto
.
Das folgende Beispiel zentriert die Website auf Bildschirmen, die breiter als 500 Pixel sind. Auf Bildschirmen, die weniger als 500 Pixel breit sind, erstreckt es sich über die gesamte Seite:
Beispiel
<style>
.content {
max-width: 500px;
margin: auto;
}
</style>
<body>
<div class="content">
<!-- Page content -->
</div>
</body>
Schon mal von W3Schools Spaces gehört ? Hier können Sie Ihre Website von Grund auf neu erstellen oder eine Vorlage verwenden und kostenlos hosten.
Kostenlos starten ❯* Keine Kreditkarte benötigt