Maison >interface Web >Questions et réponses frontales >Que faire si le texte CSS et les images ne sont pas alignés

Que faire si le texte CSS et les images ne sont pas alignés

藏色散人
藏色散人original
2023-01-28 11:11:023074parcourir

Solution au désalignement du texte et des images CSS : 1. Ouvrez le fichier HTML correspondant ; 2. Recherchez les balises de texte et d'image ; 3. Ajoutez un attribut à l'image comme "img {width: 20px;vertical-align: middle ;}" pour aligner le texte et les images.

Que faire si le texte CSS et les images ne sont pas alignés

L'environnement d'exploitation de ce tutoriel : système Windows 10, version HTML5&&CSS3, ordinateur DELL G3

css Que dois-je faire si le texte et les images ne sont pas alignés ?

css résout le problème selon lequel le texte et les images ne sont pas sur la même ligne horizontale

Habituellement, les images sont alignées en haut par défaut, tandis que le texte est aligné en bas par défaut, nous rencontrons donc souvent le problème que les images et le texte ne peut pas être aligné lors de la mise en page.

Que faire si le texte CSS et les images ne sont pas alignés

La solution est très simple. Il suffit d'ajouter un attribut à l'image

img {
  width         : 20px;
  vertical-align: middle;
}
 
vertical-align: text-top;    //顶部对齐
vertical-align: middle;      //居中对齐
vertical-align: text-bottom; //底部对齐

Apprentissage recommandé : "Tutoriel vidéo CSS"

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!

Déclaration:
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