Pourquoi une image dans une div a un espace supplémentaire en dessous de l’image ?

Question

Pourquoi dans le code suivant la hauteur de la est plus grand que la hauteur de la ? Il y a un espace supplémentaire en dessous de l’image, mais il ne semble pas être une rembourrage/marge. Alors qu’il est ?

HTML :

CSS :

---

SOLUTION :

Answer 1

Par défaut, une image s’affiche inline, comme une lettre.

Il est assis sur la même ligne qu’a, b, c et d assis sur.

Il y a l’espace au-dessous de cette ligne pour les descendeurs que vous trouverez sur les lettres f, j, p et q.

Vous pouvez ajuster la `` de l’image pour la positionner ailleurs.

Answer 2

Une autre option proposée ici est de définir le style de l’image comme``

Answer 3

On peut également annuler la hauteur de ligne du parent :

Tous les correctifs : http://jsfiddle.net/FaPFv/

Answer 4

J'ai utilisé line-height: 0 et ça marche bien pour moi.

Answer 5

J’ai juste ajouté float : left à div et cela a fonctionné