Solution au problème des écarts entre les images img insérées dans Li

Ajoutez directement le style img{vertical-align:bottom; display:block>

Bien sûr, cela ne fonctionnera pas dans certains cas. Par exemple, si je souhaite ajouter trois images, en haut, au milieu et. en bas, l'image du milieu est définie sur Arrière-plan, j'ai trouvé que cette méthode n'est pas valide, mais l'écart entre les images du haut et du milieu a disparu, tandis que l'écart entre le bas et le milieu existe toujours. La méthode est très simple. Changer de vertical. -align : de bas en haut. Vous pouvez l'ajuster en fonction des différentes situations que vous rencontrez. Définir les paramètres d'alignement vertical

Méthode 1 :

img{vertical-align:top; display:block}

<style>
#l1 {float:left;background:#000;}
#l1 ul li {list-style:none;padding:0;margin:0}
img {vertical-align:bottom; display:block;}
</style>

Méthode 2 : Définir la taille de la police du conteneur : 0 (je pense personnellement que c'est la meilleure méthode ! ! )

Pour plus d'articles connexes sur la façon d'insérer des espaces entre img images, veuillez suivre le site Web PHP chinois !