In HTML sind die Inline-Elemente auf Blockebene: img, das zum Markieren von Bildern in Webseiten verwendet wird; td, das zur Definition von Standardzellen in Tabellen verwendet wird; Einzelauswahl- oder Mehrfachauswahlmenüs; Definieren Sie den Textbereich des mehrzeiligen Texteingabesteuerelements.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
Inline-Blockelemente kombinieren die Eigenschaften von Inline-Elementen und Blockelementen, aber jedes hat seine eigenen Kompromisse. Daher werden Inline-Blockelemente aufgrund ihrer Eigenschaften im täglichen Gebrauch häufiger eingesetzt.
Eigenschaften von Inline-Blockelementen:
Kein automatischer Zeilenumbruch
Kann Breite und Höhe erkennen
Die Standardanordnung ist von links nach rechts
Es gibt relativ wenige Inline-Block- Ebenenelemente sind jeweils: img, input, td, select, textarea, label; Das Laden schlägt fehl, der angegebene Text wird zum Ersetzen des Bildes verwendet. Anzeige
Radio-Optionstyp = „Radio“ bedeutet, dass eine Radiooption in derselben Gruppe von Optionsfeldfeldern nur einen Wert auswählen kann. Setzen Sie den Namensattributwert mehrerer Radios auf das gleiche Kontrollkästchen „Werttyp“ = „Kontrollkästchen“
label: Es ist an das Eingabelabel gebunden und hat das Attribut für. Der Attributwert ist der ID-Wert des Eingabefelds. Das aktivierte Attribut zeigt den ausgewählten Status des Etiketts an.Wenn das Element jedoch in ein Inline-Element konvertiert wird, wird display:inline festgelegt. level-Element, display:block ist festgelegt; inline- Block ist ein neues Attribut von CSS2.1. Dieses Attribut wird für Versionen unter IE7 nicht unterstützt, daher sind einige kompatible Methoden erforderlich. Empfohlenes Lernen:Auswählen: Dropdown-Liste Inline-Elemente oder Elemente auf Blockebene konvertieren. Das Element wird in ein Inline-Element auf Blockebene konvertiert.
HTML-Video-Tutorial
Das obige ist der detaillierte Inhalt vonWas sind die Inline-Blockelemente in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!