Heim Web-Frontend Front-End-Fragen und Antworten Was sind die Inline-Blockelemente in HTML?

Was sind die Inline-Blockelemente in HTML?

Jun 04, 2021 pm 03:28 PM
html

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.

Was sind die Inline-Blockelemente in HTML?

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

Eingabe: Eingabefeld mit Attributtyp, Eingabefeldtyp und Attributwert (Text bedeutet Texteingabefeld, Dateiauswahl, Passworteingabefeld, E-Mail-Eingabefeld, Nummer). Eingabefeld, Schaltfläche Schaltfläche). Platzhalter Platzhalterzeichen, das verwendet wird, um anzuzeigen, was in das Eingabefeld eingegeben werden soll. Der Wert repräsentiert den Inhalt im Eingabefeld. Wenn der Name mit dem Backend-Server interagiert, muss er das Namensattribut tragen, das beim Senden der Anfrage den Parameternamen darstellt.

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.

Auswählen: Dropdown-Liste Inline-Elemente oder Elemente auf Blockebene konvertieren. Das Element wird in ein Inline-Element auf Blockebene konvertiert.

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:

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Wie man alles in Myrise freischaltet
3 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Eingabeplatzhalter HTML-Eingabeplatzhalter Sep 04, 2024 pm 04:54 PM

Leitfaden für HTML-Eingabeplatzhalter. Hier besprechen wir die Beispiele für HTML-Eingabeplatzhalter zusammen mit den Codes und Ausgaben.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet

See all articles