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

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;}

<<:  Datendiebstahl mit CSS in Firefox

>>:  Unterschiede und Vergleiche von Speicher-Engines in MySQL

Artikel empfehlen

So erstellen Sie eine MySQL-Datenbank (de1) mit Befehlen

1. Verbindung zu MySQL herstellen Format: mysql -...

Einige Tipps zur Verwendung von Less in Vue-Projekten

Inhaltsverzeichnis Vorwort 1. Stildurchdringung 1...

Detailliertes Beispiel zur Verwendung der distinct-Methode in MySQL

Ein deutlicher Bedeutung: distinct wird verwendet...

Beispiel zum Deaktivieren der Browser-Cache-Konfiguration im Vue-Projekt

Beim Freigeben eines Projekts müssen Sie häufig d...

Wie verfolgt Vue Datenänderungen?

Inhaltsverzeichnis Hintergrund Beispiel Missverst...

Analyse der MySQL-Ansichtsfunktionen und Anwendungsbeispiele

Dieser Artikel veranschaulicht anhand von Beispie...

Warum sollte CSS im Head-Tag platziert werden?

Denken Sie darüber nach: Warum sollte css im head...

Lösung zur Verwendung der Baidu-Freigabe auf der HTTPS-Seite

Seit der Aktivierung des https-Zugriffs für die g...