Maison > interface Web > tutoriel CSS > Pourquoi une balise d'ancrage ajoute-t-elle un espace sous une image dans un div avec bordure ?

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

Susan Sarandon
Libérer: 2024-12-15 09:34:10
original
498 Les gens l'ont consulté

Why Does an Anchor Tag Add Whitespace Below an Image in a Bordered Div?

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;
}
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal