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. |
>>: Lösung für Indexfehler, die durch implizite MySQL-Typkonvertierung verursacht werden
Artikel empfehlen
Vue einfache Implementierung einer Plattenspielerlotterie
In diesem Artikel wird der spezifische Code von V...
Detaillierte Erklärung des Vue-Plugins
Zusammenfassen Dieser Artikel endet hier. Ich hof...
Schritte der Docker-Lernmethode zum Erstellen des ActiveMQ-Nachrichtendienstes
Vorwort ActiveMQ ist der beliebteste und leistung...
Einige Vorschläge zur Linux-Systemoptimierung (Kerneloptimierung)
Swap deaktivieren Wenn auf dem Server ein Datenba...
Beispiel für einen reinen CSS3-Mindmap-Stil
Mindmap Er sieht wahrscheinlich so aus: Die meist...
Hinweise zum Zeichengerätetreiber des Linux-Kernel-Gerätetreibers
/******************** * Zeichengerätetreiber*****...
Zehn beliebte Regeln für das Interface-Design
<br />Dies ist ein Artikel, den ich vor lang...
jQuery zum Erzielen eines gleitenden Treppeneffekts
In diesem Artikel wird der spezifische Code von j...
Element Plus implementiert Affix
Inhaltsverzeichnis 1. Komponenteneinführung 2. Qu...
Mysql aktualisiert die Datenbank dynamisch - Skriptbeispiel - Erklärung
Das spezifische upgrade -Skript lautet wie folgt:...
Drei Möglichkeiten zum Kopieren von MySQL-Tabellen (Zusammenfassung)
Tabellenstruktur und deren Daten kopieren Die fol...
Einführung, Installation und Verwendung von Hyper-V (detaillierte Abbildungen)
Vorwort: Als Gigant in der IT-Branche ist Microso...
Analyse des Prozesses zum Aufbau einer Clusterumgebung mit Apache und Tomcat
Tatsächlich ist es nicht schwierig, einen Apache-...
Erstellen Sie eine virtuelle Servermaschine in VMware Workstation Pro (grafisches Tutorial)
Die von mir verwendete VMware Workstation Pro-Ver...
Weitergabe von SQL-Optimierungserfahrungen, wenn der Offset beim MySQL-Paging zu groß ist
Finden Sie das Problem Wenn wir den Inhalt in ein...