Was ist der Unterschied zwischen Elementen auf Blockebene und Inline-Elementen?

Der Unterschied zwischen Elementen auf Blockebene und Inline-Elementen: Inline-Elemente können neben anderen Inline-Elementen platziert werden, während Elemente auf Blockebene eine exklusive Zeile belegen und nicht neben anderen Inline-Elementen platziert werden können Legen Sie die Breite und Höhe fest, während Elemente auf Blockebene die Breite und Höhe festlegen können.

Die Betriebsumgebung dieses Artikels: Windows10-System, HTML 5, Acer S40-51-Computer.

Die Unterschiede zwischen Elementen auf Blockebene und Inline-Elementen sind:

(Lernvideo-Sharing: CSS-Video-Tutorial)

1. Inline-Elemente können neben anderen Inline-Elementen stehen exklusive Zeile und kann nicht mit anderen Elementen parallel platziert werden

2. Die Breite und Höhe kann nicht für Inline-Elemente festgelegt werden, und die Standardbreite ist die Breite und Höhe, die für Elemente auf Blockebene festgelegt werden kann . Wenn Breite und Höhe nicht festgelegt sind, wird die Breite standardmäßig auf 100 % des übergeordneten Elements eingestellt.

Verwandte Einführung:

Das Blockelement wird auch als Blockelement (Blockelement) bezeichnet, und sein Gegenstück ist das Inline-Element (Inline-Element). Dies sind Konzepte in der HTML-Spezifikation.

Der grundlegende Unterschied zwischen Blockelementen und Inline-Elementen besteht darin, dass Blockelemente im Allgemeinen in einer neuen Zeile beginnen und benachbarte Elemente auf Blockebene in unterschiedlichen Zeilen angezeigt werden. Wenn die CSS-Steuerung hinzugefügt wird, wird dieser Attributunterschied zwischen Blockelementen und Inline-Elementen nicht mehr zu einem Unterschied.

Zum Beispiel können wir einem Inline-Element ein Attribut wie display:block hinzufügen, sodass es auch das Attribut hat, jedes Mal in einer neuen Zeile zu beginnen, d. h. es wird zu einem Blockelement. Ebenso können wir ein hinzufügen Attribut wie display:inline zu einem Blockelement hinzufügen, sodass es auch in einer Zeile ausgerichtet ist.

Verwandte Empfehlungen: CSS-Tutorial

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Elementen auf Blockebene und Inline-Elementen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!