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

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.

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.

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!