Maison >interface Web >tutoriel CSS >Solution à l'écart entre les images img insérées dans li_CSS/HTML

Solution à l'écart entre les images img insérées dans li_CSS/HTML

WBOY
WBOYoriginal
2016-05-16 12:03:352714parcourir

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

Bien sûr, cela ne fonctionne pas dans certains cas. Par exemple, je souhaite ajouter trois images, en haut, au milieu et en bas. L'image du milieu est définie comme arrière-plan. J'ai trouvé que cette méthode n'est pas valide, mais la photo du milieu est définie comme arrière-plan. L'écart entre les images du haut et du milieu a disparu, et celle du bas et il y a encore quelque chose entre les deux. La méthode est très simple. Changez l'alignement vertical : de bas en haut. Vous pouvez définir les paramètres d'alignement vertical en fonction des différentes situations. vous rencontrez

Méthode 1 :

Copier le code Le code est le suivant :

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

Solution à l'écart entre les images img insérées dans li_CSS/HTML

Copier le code Le code est le suivant :


Méthode 2 : définissez la taille de la police du conteneur : 0 (je pense personnellement que cette méthode est la meilleure !!!)

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn