Heim >Web-Frontend >Front-End-Fragen und Antworten >Ist li ein Inline-Element?

Ist li ein Inline-Element?

藏色散人
藏色散人Original
2020-12-21 11:06:364523Durchsuche

li ist kein Inline-Element, sondern ein Element auf Blockebene. Zu den Eigenschaften von Elementen auf Blockebene gehören: 1. Beginnt immer in einer neuen Zeile; 2. Höhe und Zeilenhöhe sowie Ränder und Abstand können gesteuert werden 3. Die Standardbreite beträgt 100 % des Containers. 4. Es kann Inline-Elemente und andere Blockelemente aufnehmen.

Ist li ein Inline-Element?

Empfehlung: „CSS-Video-Tutorial

li ist ein Inline-Element?

li ist kein Inline-Element; sowohl ul als auch li sind Elemente auf Blockebene. Weil die Höhe, Zeilenhöhe, Ränder und Auffüllung von ul- und li-Tags gesteuert werden können und sie Inline-Elemente und andere Elemente auf Blockebene aufnehmen können.

Blockelement (Blockelement) und sein Gegenstück, das Inline-Element (Inline-Element) – auch Inline-Element genannt – sind Konzepte in der HTML-Spezifikation. Die meisten HTML-Elemente werden als Elemente auf Blockebene oder als Inline-Elemente definiert. Elemente auf Blockebene beginnen (und enden) normalerweise mit einer neuen Zeile, wenn sie vom Browser angezeigt werden.

Häufig verwendete Elemente auf Blockebene: div, p, form, ul, li, ol, dl, form, address, fieldset, hr, menu, table

Der grundlegende Unterschied zwischen Blockelementen und Inline-Elementen besteht darin, dass Blockelemente im Allgemeinen verwendet werden Beginnen Sie in einer neuen Zeile. Anfänglich werden benachbarte Elemente auf Blockebene in unterschiedlichen Zeilen angezeigt. 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.

Eigenschaften von Blockelementen

①Immer in einer neuen Zeile beginnen;

②Höhe, Zeilenhöhe, Ränder und Abstand können alle gesteuert werden;

③Die Standardbreite beträgt 100 % des Containers, sofern keine Breite festgelegt ist.

④ Es kann Inline-Elemente und andere Blockelemente aufnehmen

Merkmale von Inline-Elementen

① und anderen Elementen befinden sich in derselben Zeile;

② Höhe, Zeilenhöhe sowie Ränder und Abstand können nicht geändert werden

③ Die Breite ist die Breite des Textes oder Bildes und kann nicht geändert werden

④Inline-Elemente können nur Text oder andere Inline-Elemente aufnehmen

Das obige ist der detaillierte Inhalt vonIst li ein Inline-Element?. 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