Heim  >  Artikel  >  Web-Frontend  >  Welche Eigenschaften hat Display?

Welche Eigenschaften hat Display?

百草
百草Original
2023-11-14 13:22:054919Durchsuche

Zu den Anzeigeattributen gehören Block, Inline, Inline-Block, Keine, Flex, Raster usw. Detaillierte Einführung: 1. Block, verwenden Sie den Blockattributwert, das Element wird als Element auf Blockebene angezeigt, das Element auf Blockebene belegt eine exklusive Zeile und wird automatisch davor und danach umbrochen. 2. Inline, verwenden Sie; Inline-Attributwert, das Element wird als Inline-Element angezeigt. In der Form der Anzeige belegen Inline-Elemente nicht eine Zeile allein, sondern werden in einer Zeile mit anderen Inline-Elementen angezeigt. 3. Inline-Block usw.

Welche Eigenschaften hat Display?

Das Betriebssystem dieses Tutorials: Windows 10-System, DELL G3-Computer.

Das Anzeigeattribut ist ein häufig verwendetes Attribut in CSS, mit dem der Anzeigemodus von Elementen gesteuert wird. Mithilfe des Anzeigeattributs können Sie Elemente auf unterschiedliche Weise auf der Seite anzeigen lassen.

In CSS hat das Anzeigeattribut mehrere Werte. Im Folgenden werden einige häufig verwendete Anzeigeattribute und ihre Attributwerte vorgestellt.

1. Block (Element auf Blockebene): Mithilfe des Blockattributwerts wird das Element als Element auf Blockebene angezeigt. Elemente auf Blockebene belegen ihre eigene Zeile und werden automatisch davor und danach umbrochen. Zu den gängigen Elementen auf Blockebene gehören div, p, h1-h6 usw.

2. inline (Inline-Element): Mit dem Inline-Attributwert wird das Element als Inline-Element angezeigt. Inline-Elemente belegen keine eigene Zeile, sondern erscheinen in derselben Zeile wie andere Inline-Elemente. Zu den gängigen Inline-Elementen gehören span, a, em usw.

3. Inline-Block (Inline-Block-Level-Element): Mit dem Inline-Block-Attributwert wird das Element als Inline-Block-Level-Element angezeigt. Inline-Elemente auf Blockebene belegen keine eigene Zeile, können aber eine festgelegte Breite und Höhe haben und in derselben Zeile erscheinen. Zu den gängigen Inline-Elementen auf Blockebene gehören Eingaben, Schaltflächen usw.

4. none (verstecktes Element): Mit dem Attributwert „none“ wird das Element ausgeblendet und nimmt keinen Platz mehr auf der Seite ein. Ausgeblendete Elemente sind auf der Seite nicht sichtbar und haben keinen Einfluss auf das Layout anderer Elemente. Das Anzeigen und Ausblenden von Elementen kann über JavaScript und andere Methoden gesteuert werden.

5. Flex (flexibles Layout): Mit dem Flex-Attributwert wird das Element in Form eines flexiblen Boxmodells angeordnet. Flexibles Layout ermöglicht ein flexibles Layout und ermöglicht die einfache Anpassung der Größe und Position von Elementen. Zu den gängigen flexiblen Layoutattributen gehören Flex-Direction, Flex-Wrap, Justify-Content usw.

6. Raster (Rasterlayout): Mithilfe des Rasterattributwerts werden die Elemente in Form eines Rasterlayouts angeordnet. Das Rasterlayout bietet eine zweidimensionale Layoutmethode, die die Seite in Zeilen und Spalten unterteilt und die Positionierung und Ausrichtung von Elementen ermöglicht. Zu den gängigen Rasterlayoutattributen gehören Rastervorlagenzeilen, Rastervorlagenspalten, Rasterlücken usw.

Zusätzlich zu den oben häufig verwendeten Anzeigeattributwerten gibt es auch einige andere Anzeigeattributwerte, z. B. Tabelle (Tabellenelement), Tabellenzelle (Tabellenzellenelement) usw. Sie können den entsprechenden Attributwert zur Steuerung auswählen entsprechend den spezifischen Anforderungen.

Zusammenfassend lässt sich sagen, dass das Anzeigeattribut ein wichtiges Attribut in CSS ist, das den Anzeigemodus von Elementen steuert. Zu den häufig verwendeten Anzeigeattributwerten gehören Block, Inline, Inline-Block, None, Flex, Grid usw. Durch die flexible Verwendung dieser Attributwerte können Sie verschiedene Layouteffekte erzielen und die Lesbarkeit und Benutzererfahrung der Seite verbessern.

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften hat Display?. 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