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

Gruselige Halloween-Linux-Befehle

Auch wenn nicht Halloween ist, lohnt es sich, sic...

Einführung in die Verwendung von Requisiten in Vue

Vorwort: In Vue können Props verwendet werden, um...

Galeriefunktion durch natives Js implementiert

Inhaltsverzeichnis Der erste Der Zweite Native Js...

So verwalten Sie MySQL-Indizes und Datentabellen

Inhaltsverzeichnis Tabellenkonflikte finden und b...

So fügen Sie einem Hintergrundbild in CSS3 eine Farbmaske hinzu

Vor einiger Zeit stieß ich während der Entwicklun...

Detaillierte Erklärung der Nginx-Konfigurationsdatei

Die Hauptkonfigurationsdatei von Nginx ist nginx....

MySQL-langsame Abfrage pt-query-digest Analyse des langsamen Abfrageprotokolls

1. Einleitung pt-query-digest ist ein Tool zum An...

Detaillierte Erklärung der Docker-Maschinennutzung

Docker-Machine ist ein offiziell von Docker berei...

Workerman schreibt den Beispielcode des MySQL-Verbindungspools

Zunächst müssen Sie verstehen, warum Sie Verbindu...

So implementieren Sie den Dienststatus zur Nginx-Konfigurationserkennung

1. Überprüfen Sie, ob das Modul „Status prüfen“ i...

Zehn nützliche und einfache MySQL-Funktionen

Funktion 0. Aktuelle Uhrzeit anzeigen Befehl: sel...

Detaillierte Erklärung der MySQL InnoDB-Indexerweiterung

Indexerweiterung: InnoDB erweitert automatisch je...

Erläuterung der CSS3-Überlaufeigenschaft

1. Überlauf Überlauf ist Überlauf (Container). We...