Puis-je aligner verticalement du texte dans un « élément Flexbox sans wrapper » ?

Alignement vertical du texte dans les Flexbox

Requête

Alignement vertical du texte dans un

l’élément utilisant flexbox s’avère difficile. Est-il possible de supprimer le wrapper intermédiaire

élément qui reçoit généralement l'attribut align-items:center, tout en conservant la gestion dynamique de la hauteur ?

Solution

Pour aligner le texte verticalement dans une flexbox, utilisez align-items: center au lieu d'aligner-self : centre. Cette modification aligne les éléments enfants dans le conteneur flex, qui dans ce cas est le

element.

Explication

La propriété align-self cible les éléments flexibles, tandis que align-items cible les conteneurs flexibles. Depuis le

n'est pas un conteneur flexible, align-self n'a aucun effet sur l'élément
• élément. À l'inverse, les éléments d'alignement peuvent être utilisés sur le
• élément pour aligner ses éléments enfants verticalement.

  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!