Puis-je ajuster la position des images de style liste ?

Personnalisation du positionnement de l'image de style de liste

Question :

Le positionnement de l'image de style de liste peut-il être ajusté ?

Contexte :

Lorsque le rembourrage est appliquée aux éléments de la liste, l'image de style de liste reste stationnaire, non affectée par le remplissage.

Réponse :

Le positionnement direct de l'image de style de liste n'est pas réalisable , car les ajustements de remplissage ont principalement un impact sur le contenu de l'élément de liste.

Alternative Solution :

Une combinaison de styles arrière-plan et padding peut simuler un effet similaire.

li {
  background: url(images/bullet.gif) no-repeat left top; /* Adjust 'left' and 'top' for further control */
  padding: 3px 0px 3px 10px;
  /* Reset default styles (optional): */
  list-style: none;
  margin: 0;
}

Options supplémentaires :

Si l'objectif est de positionner les éléments de la liste eux-mêmes plutôt que leurs images à puces, envisagez de styliser le parent conteneur de liste (ul). Reportez-vous à l'article de Brad Frost sur « A List Apart » pour obtenir des informations sur cette approche.

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!