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
Libérer: 2016-05-16 12:03:35
original
2730 Les gens l'ont consulté

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 !!!)

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal