Ausführliche Erklärung, wie man ein schwebendes Element vertikal zentriert

So zentrieren Sie ein schwebendes Element vertikal

//Methode 1: Höhe und Breite des Elements kennen

#div1{

width: 200px ;

height:200px;

position: absolute; /*Das übergeordnete Element erfordert eine relative Positionierung*/

top: 50%;

left: 50 %;

margin-top:-100px ; /*Eine halbe Höhe, Breite*/

margin-left: -100px;

}

//Methode 2: Höhe und Breite des unbekannten Elements

#div1{

width: 200px;

Höhe: 200px;

                                                                                                          > links: 0;

oben: 0;

rechts: 0;

unten: 0;

}

/*So zentrieren Sie ein (verwenden Sie eine einfachere Methode)*/

#container /*Die Containereinstellungen von lauten wie folgt*/

{

display:table-cell;

text-align:center;

Vertical-align :mitte;

}

Das obige ist der detaillierte Inhalt vonAusführliche Erklärung, wie man ein schwebendes Element vertikal zentriert. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!