Comment utiliser l'alignement vertical pour aligner les éléments d'entrée et les éléments img

Cette fois, je vais vous montrer comment utiliser vertical-align pour aligner l'élément d'entrée et l'élément img Quelles sont les précautions concernant l'utilisation de l'alignement vertical pour aligner l'entrée. element et l'élément img , ce qui suit est un cas pratique, jetons un coup d'œil.

Nous savons que si input et img sont placés sur la même ligne, la balise img sera toujours une tête plus haute que l'input, ce qui est très moche. J'ai déjà essayé de nombreuses méthodes, mais rien ne fonctionne. Plus tard, la chose la plus recherchée sur le site Web a été d'ajouter un attribut align="absmiddle" à img. Cette méthode semble réalisable, mais elle n'est pas conforme aux normes HTML. Plus tard, j'ai découvert par hasard qu'il suffisait d'ajouter vertical-align:middle à input et img en même temps :

Le code est le suivant :

input,img{vertical-align:middle;}

In de cette façon, le code sera aligné horizontalement.

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour un contenu plus passionnant, veuillez faire attention au site Web chinois php autres articles liés !

Lecture connexe :

Comment utiliser le style de zone de saisie de type="file"

Structure d'en-tête en HTML Comment utiliser

Comment utiliser iframe pour afficher la météo sur votre page Web

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!