Wie kann ich eine Webseite in der Mitte des Bildschirms positionieren?

8

Wie kann ich eine Webseite in der Mitte des Bildschirms positionieren? wie die Seiten auf der Stackoverflow-Website? Ich schreibe die Masterpage meiner Website und möchte HTML und CSS verwenden, um die Masterseite in der Mitte des Bildschirms zu positionieren und dann den inneren Positionierungsblock mit CSS zu erstellen. Aber ich kann meine Seite nicht in der Mitte visualisieren!

Danke!

    
Uince81 25.03.2009, 20:18
quelle

7 Antworten

17

Sie können Ränder verwenden, um es horizontal in der Mitte zu positionieren.

Gegeben dieser HTML:

%Vor%

Das CSS kann so einfach sein wie:

%Vor%

Sie müssen auch sicherstellen, dass Sie einen gültigen Doctype haben, damit dies funktioniert.

    
Zack The Human 25.03.2009, 20:22
quelle
6

Erstellen Sie ein <div> in Ihrem <body> like so:

%Vor%

Und füge das folgende CSS hinzu:

%Vor%     
strager 25.03.2009 20:22
quelle
2

Setzen Sie Ihren gesamten Inhalt in einen Container und geben Sie ihm einen Rand: 0 auto

    
Zac 25.03.2009 20:21
quelle
0
%Vor%

Überprüfen Sie diese Seite, wenn Sie eine horizontale und vertikale Ausrichtung wünschen: Ссылка

    
Lennart Koopmann 25.03.2009 20:22
quelle
0

alles in einem div mit margin: auto und make body haben text-align: center.

    
William 25.03.2009 20:22
quelle
0

Lassen Sie den HTML-Code wie folgt aussehen:

%Vor%

Und folgen Sie dem CSS-Code:

%Vor%

Der obige CSS-Code setzt die Breite auf 200px für das div und wird von unten und oben auf 10px und den Rand von links rechts auf auto gesetzt, was bedeutet, dass es automatisch seine Position an die Mitte anpasst. Der auto garantiert, dass die linken und rechten Ränder auf die gleiche Größe gesetzt werden.

    
Amanshu Kataria 15.10.2016 06:31
quelle
-1

Sie können versuchen:

%Vor%

Dies ist mehr Text, um das Minimum von 30 Zeichen zu erreichen.

    
shsteimer 25.03.2009 20:20
quelle

Tags und Links