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.

Next.js – Erste Schritte-Tutorial

Artikel

Verwenden Sie die vertikale Ausrichtung, um Eingabe und Bild auszurichten

Perfekte Lösung für das Problem, dass MySQL keine Verbindung zur Datenbank über localhost herstellen kann

Was sind MySQL-Dirty-Pages?

In JavaScript integrierter Zeit- und Datumsformatierungsbeispielcode

MySQL 4-Methoden zum Importieren von Daten

Detaillierte Erklärung der Vue-Anmeldung und -Abmeldung

HTML+CSS zur Implementierung des Beispielcodes des Dropdown-Menüs der Navigationsleiste

Lösung für den Fehler beim Aufruf von Yum im Docker-Container

Erläuterung der Verwendung von GROUP BY in gruppierten Abfragen und der SQL-Ausführungsreihenfolge

Next.js – Erste Schritte-Tutorial

So bedienen Sie Datei- und Ordnerberechtigungen unter Linux

Artikel empfehlen

So richten Sie Nginx so ein, dass der Domänenname an den angegebenen Port weitergeleitet wird

javascript:void(0) Bedeutung und Anwendungsbeispiele

Implementierungscode für die teilweise Aktualisierung einer HTML-Seite

So deaktivieren Sie die Überprüfung auf Fremdschlüsseleinschränkungen in untergeordneten MySQL-Tabellen

Natives JS implementiert regelmäßige Validierung des Formulars (Senden erst nach Validierung)

Implementieren der Formularübermittlung ohne Aktualisierung der Seite basierend auf HTML

Detaillierte Erklärung des Grid-Layouts und des Flex-Layouts der Anzeige in CSS3

Ausrichtungsproblem zwischen Eingabetextfeld und Bildbestätigungscode (Bild ist immer einen Kopf höher als die Eingabe)

Detaillierte Erklärung des Unterschieds zwischen einem href=# und einem href=javascript:void(0)

Unterschiede im Stundentrennzeichen zwischen Browsern

Installationstutorial für MySQL 5.1 und 5.7 unter Linux

Podman bootet den Container automatisch und vergleicht ihn mit Docker

js verwendet Canvas, um mehrere Bilder in einem Implementierungscode zusammenzuführen

Schritte für Vue zur Verwendung von Ref, um Komponenten über Ebenen hinweg zu erhalten

Problem mit der Groß-/Kleinschreibung in der MySQL-Datenbank