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

Bei der Erstellung von Webseiten werden Eingabe und Bild häufig in derselben Zeile platziert, und das Bild-Tag steht immer einen Kopf höher als die Eingabe, was sehr hässlich ist.

Um eine horizontale Ausrichtung von input und img in CCS zu erreichen, fügen Sie sowohl input als auch img vertical-align:middle hinzu. Der Code lautet wie folgt:

Code kopieren

Der Code lautet wie folgt:

Eingabe, Bild {vertical-align:middle;}

mysql + mybatis implementiert gespeicherte Prozedur + Transaktion + gleichzeitigen Mehrfachabruf von Seriennummern

Artikel

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

So betten Sie Dateien im Flash-Videoformat (FLV, SWF) in HTML-Dateien ein

So aktivieren Sie die Swoole Loader-Erweiterung auf dem virtuellen Host des Linux-Systems

Drei Scrolling-Effekte für die Benachrichtigungsleiste, implementiert mit reinem CSS

Beispiel für die Implementierung eines globalen Wasserzeichens in Vue

Grafisches Tutorial zur Konfigurationsmethode für die kostenlose Installationsversion von MySQL 5.7.20

Eine universelle Nginx-Schnittstelle zur Implementierung der Reverse-Proxy-Konfiguration

Mysql-Abfrageanweisung mit mehreren Bedingungen und dem Schlüsselwort „And“

Vue implementiert die Internationalisierung der Sprachumschaltung für Webseiten

mysql + mybatis implementiert gespeicherte Prozedur + Transaktion + gleichzeitigen Mehrfachabruf von Seriennummern

Optimierung des MySQL Thread_Stack-Verbindungsthreads

Artikel empfehlen

Importieren von CSS-Dateien unter Verwendung von Beurteilungsbedingungen

Designtheorie: Textausdruck und Benutzerfreundlichkeit

Detaillierte Erklärung des MySQL-Datenbank-LIKE-Operators in Python

So richten Sie einen FTP-Server in CentOS7 ein

So verwenden Sie Docker zum Bereitstellen von Spring Boot und zum Herstellen einer Verbindung mit Skywalking

Tutorial zur Installation von MySQL 8.0.11 unter Linux

Implementierung von HTTP- und HTTPS-Diensten mit Nginx-Reverse-Proxy für mehrere Domänennamen

Detaillierte Diskussion der Speicherprinzipien: Werden Variablen in JS im Heap oder Stack gespeichert?

Der Unterschied und die Verwendung von Datum/Uhrzeit und Zeitstempel in MySQL

Ein tiefer Einblick in die MySQL InnoDB-Speicher-Engine

Die Iframe-Aktualisierungsmethode ist bequemer

So implementieren Sie „insert if none“ und „update if yes“ in MySql

Lösungen für Unterschiede in der Browserinterpretation hinsichtlich Größe, Breite und Höhe in CSS

Thumbnail-Hover-Effekt mit CSS3 implementiert

So verwenden Sie CSS, um ein kleines Bild herunterzuziehen und ein großes Bild und Informationen anzuzeigen