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
Einige Datenverarbeitungsmethoden, die häufig in JS verwendet werden können
Inhaltsverzeichnis DOM-Verarbeitung Arrays Verfah...
Detaillierte Erläuterung der Verwendung der integrierten Funktion „locate instr position find_in_set“ in der effizienten Fuzzy-Suche von MySQL
Es gibt die folgenden vier häufig verwendeten Met...
Zusammenfassung der 10 am häufigsten gestellten Fragen in Linux-Interviews
Vorwort Wenn Sie sich auf die Stelle eines Betrie...
So aktivieren Sie die JMX-Überwachung über Tomcat
Erstellen Sie eine Simulationsumgebung: Betriebss...
So teilen Sie Daten in MySQL-Tabellen und -Datenbanken auf
Inhaltsverzeichnis 1. Vertikales (längsseitiges) ...
Eine kurze Erläuterung zu schreibgeschützten und deaktivierten Attributen in Formularen
Schreibgeschützte und deaktivierte Attribute in F...
Definieren Sie Ihre eigene Ajax-Funktion mit JavaScript
Da die von nativen JS initiierten Netzwerkanforde...
CSS-Beispielcode mit Suchnavigationsleiste
Dieser Artikel zeigt Ihnen, wie Sie mit CSS eine ...
Einführung in die Verschachtelungsregeln von HTML-Tags
Es gibt viele XHTML-Tags: div, ul, li, dl, dt, dd...
Schreiben Sie ein Publish-Subscribe-Modell mit JS
Inhaltsverzeichnis 1. Szeneneinführung 2 Code-Opt...
Gängige Methoden der Vue-Komponentenbildung: Übertragung und Kommunikation von Komponentenwerten
Verwandte Wissenspunkte Übergeben von Werten von ...
Einführung in den Aufbau eines DNS-Servers unter centos7
Inhaltsverzeichnis 1. Projektumgebung: 2: DNS-Ser...
Native JS-Implementierung der Lupenkomponente
In diesem Artikelbeispiel wird der spezifische Co...
Detaillierte Erläuterung der Linux-Textverarbeitungstools
1. Zählen Sie die Anzahl der Benutzer, deren Stan...
Wenn div auf contentEditable=true gesetzt ist, kann der Cursor nach dem Zurücksetzen seines Inhalts nicht positioniert werden
Ich habe kürzlich an einer Kommentarfunktion gear...