Inline- und Blockebene -Elemente in CSS | Erklärt

Inline- und Blockebene -Elemente in CSS | Erklärt
Die grundlegende Web -Programmiersprache HTML besteht aus einer Vielzahl von Elementen, die als Elementareinheiten einer Webseite betrachtet werden. Diese Elemente können in zwei Hauptgruppen eingeteilt werden, die sind Inline -Elemente Und Block -Level -Elemente. Es ist sehr signifikant, sich dieser beiden Kategorien und ihrer Unterschiede bewusst zu sein. Dieses Tutorial erleuchtet seine Leser über Folgendes;
  1. Inline -Elemente
  2. Block -Level -Elemente
  3. So tauschen Sie Inline- und Block -Level -Elemente aus

Lass uns anfangen.

Inline -Elemente

Elemente, die nur die erforderliche Menge an Platz nennen, werden aufgerufen Inline -Elemente. Sie können auch als Elemente bezeichnet werden, die in einer Zeile angezeigt werden.

Diese Elemente beginnen nicht aus einer neuen Linie, sondern können mehrere Inline -Elemente in derselben Linie platzieren.

HTML -Inline -Elemente sind , , , , , , , , , , , , , , , , , , , , , , , , , , ,
, , , , , Und .

In dem unten angehängten Screenshot können Sie feststellen, dass dies ein Inline -Element ist und nur den erforderlichen Platz einnimmt.

Wenn Sie nun ein weiteres Inline -Element hinzufügen, zum Beispiel eine andere Schaltfläche, wird es nicht in einer neuen Zeile angezeigt, sondern wird neben der vorherigen Taste angezeigt.

So funktionieren Inline -Elemente.

Nachdem wir das Konzept der Inline -Elemente verstanden haben, lassen Sie uns Blockebene -Elemente untersuchen.

Block -Level -Elemente

Elemente, die den verfügbaren Platz verbrauchen (von links nach rechts) und aus einer neuen Linie beginnen Block -Level -Elemente.

Blockebene -Elemente können Inline -Elemente zusammen mit anderen Elementen auf Blockebene halten. Die Mehrheit der Elemente in HTML sind Blockebene -Elemente.

HTML -Block -Level -Elemente sind ,

    ,