Was bedeutet das Anzeigeattribut in CSS?

<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>

<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:

<code class="css">element {
  display: value;
}</code>

<p>Zum Beispiel:

<code class="css">p {
  display: block;
}</code>

<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!