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.

SSH-Portweiterleitung, lokale Portweiterleitung, Remote-Portweiterleitung, dynamische Portweiterleitungsdetails

Artikel

Verwenden Sie die vertikale Ausrichtung, um Eingabe und Bild auszurichten

SSH-Portweiterleitung, lokale Portweiterleitung, Remote-Portweiterleitung, dynamische Portweiterleitungsdetails

So erstellen Sie einen Nginx-Image-Server mit Docker

Kreisförmiger Fortschrittsbalken mit CSS implementiert

ElementUI implementiert die Funktionsschaltfläche zum Zurücksetzen des Formulars el-form

Lösung für die nicht angezeigte IP-Adresse unter Linux

MySQL Null kann 5 Probleme verursachen (alle schwerwiegend)

Detaillierte Erläuterung des HTML-Body-Tags und häufig verwendeter Steuer-Tags in HTML

Einführung in die Linux-Dateikomprimierung und -Verpackung

Die Eisernen Gesetze der MySQL-Datenbank (Zusammenfassung)

Beispielcode für die Verwendung von @media in CSS3 zur Anpassung einer Webseite

Artikel empfehlen

Beispiele für die korrekte Verwendung von AES_ENCRYPT() und AES_DECRYPT() zum Verschlüsseln und Entschlüsseln von MySQL

Methode zum Erkennen, ob IP und Port verbindbar sind

CSS Polarkoordinaten Beispielcode

Auszeichnungssprache - CSS-Stile für Text festlegen

Detailliertes Tutorial zur Verwendung von Docker zum Erstellen einer Laravel-Entwicklungsumgebung in der Win10-Home-Version

So kopieren Sie schnell große Dateien unter Linux

Lösen Sie das Problem, dass die Zeitzone in der Linux-Umgebung nicht eingestellt werden kann

Tiefgreifendes Verständnis von UID und GID in Docker-Containern

WeChat-Applet-Beispiel für die direkte Verwendung von Funktionen in {{ }}

Verwenden von JS zum Implementieren von Beispielcode für den Algorithmus zur binären Baumdurchquerung

Bereitstellung und Konfiguration des Apache-Dienstes unter Linux

CSS3 realisiert eine springende Ballanimation

52 SQL-Anweisungen, die Ihnen Leistungsoptimierung beibringen

VUE implementiert Saugknopf an der Unterseite

Detaillierte Erläuterung der Verwendung des Linux-Befehls seq