Verwenden Sie die vertikale Ausrichtung, um Eingabe und Bild auszurichten

Verwenden Sie die vertikale Ausrichtung, um Eingabe und Bild auszurichten
Wenn Sie Eingabe und Bild in dieselbe Zeile setzen, steht das Bild-Tag immer einen Kopf höher als die Eingabe, was sehr hässlich ist. Ich habe schon viele Methoden ausprobiert, aber keine davon hat funktioniert. Später fand ich auf der Website am häufigsten die Lösung, img ein align="absmiddle"-Attribut hinzuzufügen. Diese Methode scheint zwar machbar, entspricht aber nicht den HTML-Standards. Später entdeckte ich zufällig, dass das Hinzufügen von vertical-align:middle sowohl zu input als auch zu img funktionieren würde:


Code kopieren
Der Code lautet wie folgt:

Eingabe, Bild {vertical-align:middle;}

Auf diese Weise wird der Code horizontal ausgerichtet.

<<:  Implementierungsschritte zur Installation eines FTP-Servers in Ubuntu 14.04

>>:  Fähigkeiten zur Seiten-Refaktorierung - Inhalt

Artikel empfehlen

Fassen Sie einige häufige Rankingprobleme in MySQL zusammen

Vorwort: In manchen Anwendungsszenarien stoßen wi...

Zusammenfassung der wichtigsten Wissenspunkte zur MySQL-Abfrageoptimierung

Vorwort Abfrageoptimierung ist nichts, was über N...

Ein kurzer Vortrag über den MySQL-Index und die Redis-Sprungtabelle

Zusammenfassung Bei der Diskussion über MySQL-Ind...

Beispielcode zur Implementierung von Dreiecken und Pfeilen durch CSS-Rahmen

1. CSS-Boxmodell Die Box beinhaltet: Rand, Rahmen...

Detaillierte Erklärung des Sticky Position-Attributs in CSS

Beim Entwickeln mobiler Apps stoßen Sie häufig au...

Spezifische Verwendung des Linux-Befehls „dirname“

01. Befehlsübersicht dirname - entfernt nicht zu ...

Sicherheitsüberlegungen zur Windows-Serververwaltung

Webserver 1. Der Webserver schaltet unnötige IIS-...

So wählen Sie alle untergeordneten Elemente aus und fügen ihnen in CSS Stile hinzu

Verfahren: Nehmen wir „less“ im tatsächlichen Pro...

Ändern Sie den Stil des HTML-Textkörpers in JS

Inhaltsverzeichnis 1. Ursprüngliche Definition 2....

Manuelle Implementierung des bidirektionalen Datenbindungsprinzips von Vue2.0

In einem Satz: Datenentführung (Object.defineProp...