Drei Möglichkeiten, ein Element vertikal und horizontal zu zentrieren

Die erste Methode:

p.box{
weight:200px;
height:400px;
position:absolute;
left:50%;
top:50%;
margin-left:-100px;
margin-top:-200px;
}

* Gute Kompatibilität: Breite und Höhe des Elements müssen bekannt sein

-------------

Zweite Methode:

p.box{
weight:200px;
height:400px;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%,-50%);
}

*Dies ist der Stil in CSS3; Nachteile: Schlechte Kompatibilität, unterstützt nur IE9+ Browser

---------------

Die dritte Methode

p.box{
weight:200px;
height:400px;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;
}

*Bessere Kompatibilität, Nachteil: Unterstützt keine Browser unter IE7

Das Obige ist das Inhalt der drei Methoden zum vertikalen und horizontalen Zentrieren eines Elements Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website (m.sbmmt.com)!