Explication détaillée de la façon de centrer verticalement un élément flottant

Comment centrer verticalement un élément flottant

//Méthode 1 : Connaître la hauteur et la largeur de l'élément

#div1{

width: 200px ;

height:200px;

position: absolue; /*L'élément parent nécessite un positionnement relatif*/

top : 50%;

gauche : 50 %;

margin-top:-100px /*Une demi-hauteur, largeur*/

margin-left: -100px;

}

//Méthode 2 : Hauteur et largeur de l'élément inconnu

#div1{

largeur : 200px;

hauteur: 200px;

                                                                                                           > gauche : 0;

haut : 0;

droite : 0;

bas : 0;

}

/*Comment centrer verticalement un (utilisez une méthode plus simple.)*/

#container /*Les paramètres du conteneur de sont les suivants*/

{

display:table-cell;

text-align:center;

vertical-align :milieu;

}

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!