Marge invisible étrange sous les images

Dans ce numéro, l'auteur rencontre une marge invisible sous les images de sa page Web, malgré l'absence de telle marge dans le code. Il s'agit d'un problème courant causé par la nature des images en tant qu'éléments en ligne.

Selon la réponse, le comportement en ligne par défaut des images crée un espace entre le bas de l'image, qui s'aligne sur la ligne de base du texte, et le bas de la ligne de texte. Pour résoudre ce problème, la solution consiste à convertir l'image en élément de bloc.

Une solution simple consiste à utiliser display: block; pour y parvenir. Une autre méthode consiste à faire flotter l'image avec float: left; ou float: right;, qui le transforme également en élément de bloc.

L'ajustement des propriétés telles que l'alignement vertical, la taille de la police et la hauteur de la ligne peut également influencer l'espacement mais est moins fiable et toujours sensible aux effet dans différents contextes.

Les questions connexes fournies pour plus d'informations sont les suivantes :

• Espacement indésirable sous les images dans XHTML 1.0 Strict
• Pourquoi mes images ont-elles un espacement supplémentaire ?
• Problème d'espacement des images dans IE