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

Methode zum Erkennen, ob IP und Port verbindbar sind

Windows cmd Telnet Format: Telnet-IP-Port Fall: T...

CSS Polarkoordinaten Beispielcode

Vorwort Das Projekt stellt Anforderungen an Karte...

Auszeichnungssprache - CSS-Stile für Text festlegen

Klicken Sie hier, um zum Abschnitt „HTML-Tutorial“...

So kopieren Sie schnell große Dateien unter Linux

Daten kopieren Beim Remote-Kopieren von Daten ver...

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

Standardmäßig werden Prozesse im Container mit Ro...

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

Vorwort Bei der WeChat-Applet-Entwicklung (native...

Bereitstellung und Konfiguration des Apache-Dienstes unter Linux

Inhaltsverzeichnis 1 Die Rolle von Apache 2 Apach...

CSS3 realisiert eine springende Ballanimation

Normalerweise besuche ich gerne die Sonderseiten ...

52 SQL-Anweisungen, die Ihnen Leistungsoptimierung beibringen

1. Um die Abfrage zu optimieren, sollten Sie voll...

VUE implementiert Saugknopf an der Unterseite

In diesem Artikelbeispiel wird der spezifische Co...

Detaillierte Erläuterung der Verwendung des Linux-Befehls seq

01. Befehlsübersicht Der Befehl „seq“ wird verwen...