Wie positioniere ich ein Div in der unteren Mitte des Bildschirms

10

Ich habe dieses CSS:

%Vor%

Ich habe diesen HTML:

%Vor%

Wie positionieren wir dieses div in der unteren Mitte des Bildschirms?!?

    
BlackFire27 21.02.2012, 18:37
quelle

5 Antworten

17

align="center" hat keine Wirkung.

Da Sie position:absolute haben, würde ich empfehlen, sie 50% von links zu positionieren und dann die Hälfte ihrer Breite vom linken Rand abzuziehen.

%Vor%     
Purag 21.02.2012, 18:39
quelle
15

Verwenden Sie negative Ränder:

%Vor%

Der Schlüssel hier sind die Eigenschaften width , left und margin-left .

    
xandercoded 21.02.2012 18:39
quelle
8

Hier ist eine Lösung mit zwei divs:

HTML:

%Vor%

CSS:

%Vor%     
MatthewK 21.02.2012 18:56
quelle
8

Wenn Sie negative Ränder nicht verwenden möchten, überprüfen Sie dies.

HTML -

%Vor%

CSS -

%Vor%

Besonders nützlich, wenn Sie die Breite des div nicht kennen.

    
mutp 23.10.2015 06:04
quelle
1

Sie können es mit negativen Rändern zentrieren ABER bitte beachten Sie, dass es genau in der Mitte des Bildschirms zentriert wird, wenn ein beliebiges div NICHT auf Position gesetzt ist: relativ;

Zum Beispiel. Ссылка

Also, die beste Möglichkeit, dieses div genau zu zentrieren, ist es, die Eigenschaften der richtigen Eigenschaften für die entsprechenden divs zu setzen, sonst geht es auf eine zufällige Weise verloren.

    
Shawn Taylor 21.02.2012 18:50
quelle

Tags und Links