Comment centrer verticalement les éléments d'une liste () dans une liste horizontale non ordonnée () ?

Alignement vertical des éléments de liste (

Éléments) dans des listes non ordonnées (

)

Pour centrer

• des éléments verticalement dans un
  horizontal, appliquez la technique suivante :

  1. Définissez la hauteur de la ligne :

     • Déterminez la hauteur souhaitée des éléments
     • et appliquez-la comme valeur pour la hauteur et propriétés de hauteur de ligne. Cela garantit que le texte dans les éléments est également centré verticalement.

     • Extrait de code :

       <code class="css">li {
           height: 30px;
           line-height: 30px;
       }</code>

  2. Assurer Hauteur d'élément cohérente :

     • La définition de la propriété height est essentielle car les éléments
     • peuvent varier en hauteur en fonction de leur contenu. En définissant une hauteur fixe, il garantit un alignement vertical cohérent.

  3. Considérez les bordures :

     • Si le
     • les éléments ont des bordures, assurez-vous que la propriété height prend en compte la taille de la bordure pour éviter l'écrêtage du contenu.

  4. Ajustez la hauteur de la ligne pour Contenu multiligne :

     • Pour le contenu multiligne, ajustez la propriété line-height en conséquence afin de fournir suffisamment d'espace vertical pour chaque ligne.

  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!