Comment puis-je contrôler l'espacement entre les puces et les éléments de liste en CSS ?

CSS : Réguler la distance entre les puces et les éléments de la liste

Problème :

Ajuster l'espacement horizontal entre les puces et leurs correspondant

les éléments dans une liste ordonnée ou non ordonnée posent un défi. Pour illustrer, considérons ce qui suit :

* Some list text goes
   here.

Résultat souhaité :

Modifier l'espace pour obtenir :

*         Some list text goes
          here.

ou

*Some list text goes
 here.

Solution :

Entourez le contenu de l'élément de liste dans un élément span avec un positionnement relatif. La propriété gauche de la travée peut être manipulée pour contrôler l'espacement souhaité.

li span {
  position: relative;
  left: -10px;
}

<ul>
  <li><span>item 1</span></li>
  <li><span>item 2</span></li>
  <li><span>item 3</span></li>
</ul>

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!