Espace blanc au bas de la balise d'ancrage

Question

J'ai une étiquette entourant une image. J'ai une bordure définie sur la div dans laquelle se trouve la balise. Les marges et le remplissage sont définis sur 0, mais pour une raison quelconque, ma balise a toujours une hauteur supérieure de 3 pixels à celle de mon image. Cela laisse un peu d’espace entre l’image et la bordure, ce qui détruit l’aspect recherché.

Qu'est-ce que je fais mal? J'ai testé à la fois dans FireFox et Chrome avec les mêmes résultats. Merci

Answer 1

L'image est display: inline , elle est donc traitée comme un caractère et repose sur la ligne de base. L’écart est causé par l’espace prévu pour le descendeur (que vous trouvez sur des lettres telles que j, g, y et p).

Ajustez les vertical-align avec CSS: img{vertical-align: bottom}

Answer 2

http://work.arounds.org/mysterious-white-space-gap-under-image-elements/

display:block est suffisant pour cela s'il n'a pas de frères et sœurs.