Comment aligner verticalement des éléments dans un conteneur avec CSS

Vous pouvez utiliser CSS3 Transform pour obtenir un alignement vertical des éléments dans le conteneur.

(Apprentissage recommandé : Démarrage rapide CSS)

Implémentation de code spécifique :

.verticalcenter{
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

Utilisez cette technique pour passer d'un texte sur une seule ligne à Les paragraphes dans les cases seront alignés verticalement.

À l'heure actuelle, la prise en charge de Transform par les navigateurs nécessite une attention particulière. Chrome 4, Opera 10, Safari 3, Firefox 3 et Internet Explorer 9 prennent tous en charge cet attribut.

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!