Pourquoi une balise d'ancrage ajoute-t-elle un espace sous une image dans un div avec bordure ?

La balise d'ancrage ajoute un espace blanc sous l'image

Lorsqu'une balise d'ancrage entoure une image dans un div bordé, un espace inattendu peut apparaître sous le image. Ce problème provient de la propriété d'affichage en ligne de l'image, qui la traite comme un caractère positionné sur la ligne de base. L'espace accueille les descendants trouvés dans la typographie, comme "j" ou "g".

Pour résoudre ce problème, ajustez l'alignement vertical de l'image à l'aide de CSS :

img {
  vertical-align: bottom;
}

Ce code force le bas de l'image pour l'aligner sur la ligne de base, éliminant ainsi l'espace blanc et rétablissant le design souhaité.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!