So verwenden Sie die Anzeige in CSS

Das Anzeigeattribut wird verwendet, um das Layoutverhalten des Elements festzulegen. Es stehen mehrere Werte zur Auswahl, darunter Block, Inline, Inline-Block, Keine, Flex und Raster. Mit der display-Eigenschaft können Sie die Anzeige eines Elements als Blockelement, Inline-Element oder eine andere Formatierung festlegen, indem Sie einen Wert in einem CSS-Stylesheet angeben. Beispielsweise zeigt display: block; das Element als Element auf Blockebene an.

Verwendung von Anzeige in CSS

Was ist das Anzeigeattribut? Das

display-Attribut wird verwendet, um das Layoutverhalten eines Elements auf der Seite zu definieren. Es gibt an, wie das Element als Blockelement, Inline-Element oder in anderen Formaten angezeigt wird. Werte von

display Die

display-Eigenschaft akzeptiert die folgenden Werte:

• block – Das Element wird als Element auf Blockebene angezeigt, nimmt die gesamte verfügbare Breite ein und beginnt in einer neuen Zeile.
• inline – Das Element wird als Inline-Element angezeigt und wird nicht umbrochen, wenn es sich in derselben Zeile wie andere Elemente befindet.
• inline-block – Kombiniert die Funktionen von Block und Inline, sodass ein Element Breite einnehmen kann, aber dennoch zusammen mit anderen Elementen innerhalb derselben Zeile angezeigt wird.
• none – Das Element wird nicht auf der Seite angezeigt.
• flex – Machen Sie ein Element zu einem Container für das Flexbox-Layout.
• grid – Macht ein Element zu einem Container für ein Rasterlayout.

Wie verwende ich das Anzeigeattribut?

Verwenden Sie das Anzeigeattribut in einem CSS-Stylesheet mit der folgenden Syntax:

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

Zum Beispiel:

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

Dadurch werden alle Absatzelemente als Elemente auf Blockebene angezeigt. Beispiel für die Verwendung von Anzeigeattributen oben mit anderen Elementen Button:

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

Element auf Seite ausblenden:

<code class="css">a {
display: inline;
}</code>

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Anzeige in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!