Heim  >  Artikel  >  Web-Frontend  >  Was sind Block-Level-Elemente und Inline-Block-Elemente?

Was sind Block-Level-Elemente und Inline-Block-Elemente?

云罗郡主
云罗郡主Original
2018-11-10 14:28:3813387Durchsuche

In den Grundlagen von CSS stoßen wir häufig auf Blockelemente und Inline-Elemente, die auch sehr wichtig sind Eine falsche Wahl. Sprechen wir darüber, was Block-Level-Elemente und Inline-Block-Elemente sind.

Was sind Block-Level-Elemente und Inline-Block-Elemente?

Wenn viele Studenten lernen, stellen sie fest, dass sich einige Elemente im Quellcode in einer eigenen Zeile befinden und nicht in derselben Zeile wie andere Elemente befinden sich nicht im Code, sondern in einer exklusiven Zeile im Browser, und einige Tags befinden sich in derselben Zeile wie andere Elemente, z. B. das -Tag. Tags werden auch als Elemente bezeichnet. Verschiedene Personen haben unterschiedliche Namen. [Empfohlene Lektüre: Detaillierte Einführung in div- und span-HTML-Elemente auf Blockebene in HTML5]

HTML-Elemente, die wir basierend auf dem verwenden können Ausdrucksform, unterteilt in zwei Hauptkategorien:

1: Blockelemente

In vielen Browsern werden Blockelemente in einer Zeile angezeigt und schließen andere Elemente und andere Elemente aus In derselben Zeile im Browser erscheint das Blockelement als Rechteck und enthält andere Elemente.

Zum Beispiel gibt es div und h1~h6, p, hr, ol, ul. Diese Tags sollten bekannt sein. Die Tags

sind Block-Tags und belegen unabhängig voneinander eine Zeile ;, während sind Inline-Elemente.

2: Inline-Elemente

Inline-Elemente sind genau das Gegenteil von Blockelementen. In Browsern sind Blockelemente standardmäßig eine Zeile anderer Elemente. Dazu gehören strong, em, span und input. Inline-Elemente können in derselben Zeile wie andere Elemente platziert werden und können keine Blockelemente enthalten, sie können jedoch andere Inline-Elemente enthalten.

Das Obige ist eine vollständige Einführung in die Elemente auf Blockebene und Inline-Blockelemente. Wenn Sie mehr über das Html5-Tutorial erfahren möchten, schauen Sie sich bitte die chinesische PHP-Website an.


Das obige ist der detaillierte Inhalt vonWas sind Block-Level-Elemente und Inline-Block-Elemente?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
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