Comment centrer verticalement une division dans son parent à l'aide de CSS ?

Dans cette requête, l'utilisateur demande de l'aide pour aligner verticalement les divs « Nom d'utilisateur » et « Formulaire » dans le div parent « Connexion ». Ils ont tenté d'utiliser le "vertical-align: middle;" propriété sans succès.

SOLUTION

La solution optimale pour centrer verticalement les divs dans les navigateurs contemporains est Flexbox :

#Login {
    display: flex;
    align-items: center;
}

Dans les cas où Flexbox prend en charge fait défaut (par exemple, IE 9 et versions antérieures), une option de secours via des méthodes plus anciennes est requis.

RESSOURCES SUPPLÉMENTAIRES

• [Prise en charge du navigateur pour Flexbox](https://caniuse.com/?search=flexbox)
• >[Un guide pour Flexbox](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
• [Utiliser des boîtes flexibles CSS](https://developer.mozilla.org/en -US/docs/Web/CSS/CSS_Flexible_Box_Layout/)

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!