Kleines Problem mit dem Abstand zwischen Label und Eingabe im Google Browser

Erst Code, dann Text

Code kopieren

Der Code lautet wie folgt:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<Kopf>
<meta http-equiv="Inhaltstyp" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<Stil>
div {Breite: 500px; Höhe: 500px; Rand: 0 auto; Rahmen: #000 durchgezogen 1px;}
Beschriftung { Anzeige: Inline-Block; Breite: 100px; Rahmen: #000 durchgezogen 1px;}
Eingabe { Rahmen: #000 durchgezogen 1px;}
</Stil>
</Kopf>
<Text>
<div>
<p><label>Konto</label><input type="text" /></p>
<p><label>Passwort</label><input type="text" /></p>
<p>
<label>Bestätigungscode</label>
<input Typ="Text" /><img src="" Breite="100" Höhe="20" />
</p>
</div>
</body>
</html>

Das Öffnen von Google hat folgende Auswirkungen

Der Abstand zwischen Beschriftung und Eingabe des Bestätigungscodes ist offensichtlich größer als die beiden oben genannten. Nachdem der Zeilenumbruch des Bestätigungscodes entfernt und in eine Zeile umgewandelt wurde, werden die drei Eingabefelder ausgerichtet. Der Grund ist noch unbekannt.

PS: Ich habe bereits geschrieben, dass img und input nicht ausgerichtet sind. Fügen Sie ihnen einfach vertical-align:middle hinzu.

<<: Informationen zur Verwendung von Keepalived zum Erreichen eines automatischen Neustarts von Nginx und einer hohen Verfügbarkeit von Dual Active Hot Standby

>>: Lösung für Indexfehler, die durch implizite MySQL-Typkonvertierung verursacht werden

Drei Diskussionen zum Iframe Adaptive Height Code

Kleines Problem mit dem Abstand zwischen Label und Eingabe im Google Browser

Drei Diskussionen zum Iframe Adaptive Height Code

Einführung und Anwendungsbeispiele von ref und $refs in Vue

Zusammenfassung gängiger Toolbeispiele in MySQL (empfohlen)

Schritte zum Einrichten und Mounten freigegebener Ordner auf Windows-Host und Docker-Container

Schriftreferenzen und Übergangseffekte außerhalb des Systems

Erläuterung der HTML-Tags

Beispiel für einen Fork- und Mutex-Lock-Prozess im Linux-Multithreading

So installieren Sie den Vim-Editor unter Linux (Ubuntu 18.04)

Detailliertes Tutorial zum Herunterladen und Installieren von mysql8.0.21

Lösen Sie das Problem der Angabe der UDP-Portnummer im Docker

Artikel empfehlen

Implementierung der Einbindung eines freigegebenen NFS-Verzeichnisses in einen Docker-Container

Echarts-Beispielcode zur Verwendung mehrerer X-Achsen zur Erstellung einer siebentägigen Wettervorhersage

Beispielcode zur Implementierung des sekundären Verknüpfungseffekts der Dropdown-Box in Vue

So nutzen Sie die Multi-Core-CPU in node.js voll aus

Beispiel für die MySQL-Methode zum Löschen von Daten und Datentabellen

Einführung in die Vue-Grundlagen: Installation und Verwendung von Vuex

MySQL 8.0.16 Installations- und Konfigurations-Tutorial unter CentOS7

Anwendungsszenarien und Lösungen für die MySQL-Komprimierung

Anwendung und Implementierung des Datencache-Mechanismus für kleine Programme

Grafisches Tutorial zur Installation und Konfiguration von MySQL 5.7.17 unter Windows 10

So verwenden Sie nginx, um bestimmte URL-Anfragen durch reguläre Ausdrücke abzufangen

Parsen von Apache Avro-Daten in einem Artikel

Erklären, wie die SQL-Effizienz analysiert wird

So erhalten/berechnen Sie den Offset eines Seitenelements mit JavaScript

Tutorial zur Verwendung von Hyperlink-Tags in XHTML