<p>Das Anzeigeattribut in CSS legt den Anzeigetyp eines Elements fest und steuert, wie es auf der Seite angezeigt wird. Zu den möglichen Werten gehören: inline: Inline-Elemente auf derselben Ebene wie der Text nehmen nur die Breite des Inhalts ein. Block: Element auf Blockebene, füllt die verfügbare Breite und umschließt. Inline-Block: Es verfügt über Elementattribute auf Inline- und Blockebene und kann inline angeordnet werden, nimmt jedoch Breite ein. none: Verstecke das Element. Flex: Erstellen Sie einen flexiblen Container, um die Kontrolle über Layout und Größe zu erleichtern. Raster: Erstellen Sie einen Rastercontainer, um das Anordnen und Ausrichten von Elementen zu erleichtern. Ruby: phonetische Notizen oder Kommentare hinzufügen. Tabelle: Wird als Tabelle angezeigt.
<p>
![Was bedeutet das Anzeigeattribut in CSS?](https://img.php.cn/upload/article/202404/25/2024042518511776881.jpg)
<p>
Was ist die Anzeigeeigenschaft in CSS?
<p>Das Anzeigeattribut wird verwendet, um den Anzeigetyp des Elements festzulegen und die Art und Weise zu steuern, wie das Element auf der Seite angezeigt wird. Der Wert des
<p>
display-Attributs:
-
inline: wird als Inline-Element auf derselben Ebene wie der Textinhalt angezeigt. Das Element nimmt nicht die gesamte verfügbare Breite ein, sondern nur die Breite seines Inhalts.
-
Block: Wird als Element auf Blockebene angezeigt, beginnend in einer neuen Zeile. Die Elemente nehmen die gesamte verfügbare Breite ein und werden vertikal gestapelt.
-
inline-block: Hat die Attribute sowohl von Inline-Elementen als auch von Elementen auf Blockebene. Elemente können inline angeordnet werden, nehmen aber die gleiche Breite ein wie Elemente auf Blockebene.
-
none: Ein Element ausblenden und es unsichtbar machen.
-
Flex: Erstellen Sie einen flexiblen Container basierend auf dem Flexbox-Modell, mit dem Sie das Layout und die Größe von Elementen einfach steuern können.
-
Raster: Erstellen Sie einen Rastercontainer basierend auf dem Rasterlayoutmodell, um Elemente einfach anzuordnen und auszurichten.
-
ruby: Wird zum Hinzufügen phonetischer Notationen oder Notizen neben Text verwendet.
-
Tabelle: Elemente als Tabelle anzeigen.
<p>
Verwenden Sie das Anzeigeattribut:
<p>Um das Anzeigeattribut für ein HTML-Element zu verwenden, können Sie seinen Wert in der Stilregel des Elements festlegen:
element {
display: value;
}
Nach dem Login kopieren
<p>Zum Beispiel:
p {
display: block;
}
Nach dem Login kopieren
<p>Dadurch werden alle
<p>
Elemente als Block festgelegt -Level-Elemente.
Das obige ist der detaillierte Inhalt vonWas bedeutet das Anzeigeattribut in CSS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!