Heim > Artikel > Web-Frontend > Ist li ein Inline-Element?
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.
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!