HTML5/CSS aligner les éléments de la liste en fonction de la hauteur mutuelle des autres colonnes

Alignez les éléments de la liste en utilisant flex. Flex rend les colonnes flexibles en fonction de leur contenu. Le wrapper disposera les colonnes dans une rangée.

.wrap{
   display : flex
}// This will help wrapper to become flexible
.wrap.col{
   flex: 1 0 33%;
}

Flex est essentiellement un attribut qui permet de rendre un élément flexible.

Utilisez le code suivant pour aligner verticalement la liste vers le bas −

.col .content {
   margin-top: auto;
}

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!