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

So konvertieren Sie eine Zeichenfolge in JavaScript in eine Zahl

Inhaltsverzeichnis 1.parseInt(Zeichenfolge, Basis...

Detaillierte Verwendung von Echarts in vue2 vue3

Inhaltsverzeichnis 1. Installation 2. Verwenden S...

So stellen Sie eine Verbindung zum MySQL-Visualisierungstool Navicat her

Nach der Installation von Navicat Der folgende Fe...

Installations-Tutorial zur neuesten MySQL-Version 8.0.17 mit Dekomprimierung

Ich persönlich denke, dass die dekomprimierte Ver...

So fragen Sie die Schnittmenge von Zeiträumen in MySQL ab

Mysql-Abfragezeitraum-Schnittmenge Anwendungsszen...

Perfekte Lösung für keine rc.local-Datei in Linux

Neuere Linux-Distributionen verfügen nicht mehr ü...

jQuery manipuliert Cookies

Code kopieren Der Code lautet wie folgt: jQuery.c...

So ermitteln Sie die Höhe des MySQL InnoDB B+-Baums

Vorwort Der Grund, warum die InnoDB-Engine von My...

Definition und Verwendung des MySQL-Cursors

Erstellen eines Cursors Erstellen Sie zunächst ei...

CSS transparenter Rahmen Hintergrund-Clip-Magie

In diesem Artikel wird hauptsächlich die wunderba...

Detaillierte Erklärung der MySQL Master-Slave-Inkonsistenz und Lösungen

1. MySQL Master-Slave-Asynchronität 1.1 Netzwerkv...