Problème avec les attributs <a> et les espaces de 3px non dési

Bonjour, je vais vous parler d'un problème que je rencontre de manière fréquente. C'est quelques choses qui a certainement dû être résolu sur divers forums HTML/CSS mais je ne trouve pas la solution.

Lorsque j'entoure un attribut <IMG src="" ....> d'un attribut <a></a> donc :

<a href="#"><img src="#"></a>

et bien je me retrouve avec un espace indésirable.

Regarder les photos pour plus d'informations :

https://image.noelshack.com/fichiers/2019/43/5/1572005229-capture-d-ecran-2019-10-25-a-14-06-42.png
https://image.noelshack.com/fichiers/2019/43/5/1572005229-capture-d-ecran-2019-10-25-a-14-06-26.png
https://image.noelshack.com/fichiers/2019/43/5/1572005229-capture-d-ecran-2019-10-25-a-14-06-36.png style="color:red">

Mon <a> prend une sorte d'espace alors que c'est un element vide qui ne comprend que ma photo dans l'exemple.

C'est un comportement normal même si en général ce n'est pas souhaitable.

Tu peux enlever cela en passant ton image en

display:block

Plus d'explications ici : https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image (en)

bacasable a écrit :
Plus d'explications ici : https://stackoverflow.com/questions/5804256/image-inside-div-has-extra-space-below-the-image (en)

Et ici aussi
https://www.alsacreations.com/astuce/lire/52-espaces-sous-les-images.html

Merci les gars de votre réponse