Was sind die Attributwerte der Anzeige in HTML?

百草
Freigeben: 2023-11-14 14:13:24
Original
3024 Leute haben es durchsucht

Zu den Anzeigeattributwerten in HTML gehören „none“, „block“, „inline“, „inline-block“, „flex“, „grid“, „table“ usw. Detaillierte Einführung: 1. Keine, legen Sie fest, dass das Element nicht angezeigt werden soll, d. h. das ausgeblendete Element belegt keinen Platz auf der Seite und hat keinen Einfluss auf das Seitenlayout ein Element auf Blockebene, Blockebene Das Element belegt eine eigene Zeile und Attribute wie Breite, Höhe, Ränder und Abstand können 3. inline usw. festgelegt werden.

Was sind die Attributwerte der Anzeige in HTML?

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

Das Anzeigeattribut in HTML wird verwendet, um zu definieren, wie Elemente angezeigt werden. Das Anzeigeattribut hat mehrere Werte:

1: Legen Sie fest, dass das Element nicht angezeigt wird, d. h. das Element wird ausgeblendet. Ausgeblendete Elemente belegen keinen Platz auf der Seite und haben keinen Einfluss auf das Seitenlayout.

2. `Block`: Legen Sie das Element fest, das als Element auf Blockebene angezeigt werden soll. Elemente auf Blockebene belegen ihre eigene Zeile und können Eigenschaften wie Breite, Höhe, Ränder und Abstand festlegen. Zu den gängigen Elementen auf Blockebene gehören div, p, h1 usw.

3. „inline“: Legen Sie das Element fest, das als Inline-Element angezeigt werden soll. Inline-Elemente belegen selbst keine Zeile und können in derselben Zeile wie andere Elemente angezeigt werden. Zu den gängigen Inline-Elementen gehören span, a, img usw.

4. „inline-block“: Legen Sie das Element fest, das als Inline-Block-Level-Element angezeigt werden soll. Inline-Elemente auf Blockebene können in einer einzelnen Zeile angezeigt werden und Eigenschaften wie Breite, Höhe, Ränder und Abstand können festgelegt werden. Zu den gängigen Inline-Elementen auf Blockebene gehören Eingaben, Schaltflächen usw.

5. „Flex“: Legen Sie das Element fest, das in einem flexiblen Boxmodell angezeigt werden soll. Das flexible Box-Modell kann ein flexibles Layout implementieren und Attribute wie die Anordnungsrichtung, Ausrichtung und Anordnungsreihenfolge von Elementen festlegen. Zu den gängigen Attributen des Flex-Box-Modells gehören Flex-Direction, Justify-Content, Align-Items usw.

6. „Raster“: Elemente festlegen, die in einem Rasterlayoutmodell angezeigt werden sollen. Das Rasterlayoutmodell kann komplexe zweidimensionale Layouts implementieren und Attribute wie Position, Größe und Abstand von Elementen in Zeilen und Spalten festlegen. Zu den allgemeinen Eigenschaften des Rasterlayouts gehören Rastervorlagenzeilen, Rastervorlagenspalten, Rasterlücke usw.

7. „Tabelle“: Legen Sie das Element fest, das im Tabellenlayout angezeigt werden soll. Das Tabellenlayout kann eine tabellenähnliche Struktur implementieren und Eigenschaften wie Ränder, Abstände und Ausrichtung von Zellen festlegen. Zu den allgemeinen Tabellenlayoutattributen gehören Tabellenlayout, Randreduzierung, Textausrichtung usw.

Zusätzlich zu den oben genannten allgemeinen Attributwerten gibt es auch einige andere Anzeigeattributwerte wie „Inline-Tabelle“, „Listenelement“, „Run-In“ usw., die entsprechend ausgewählt und verwendet werden können auf spezifische Bedürfnisse. In praktischen Anwendungen können wir je nach Bedarf flexibel unterschiedliche Anzeigeattributwerte auswählen, um unterschiedliche Seitenlayouts und Anzeigeeffekte zu erzielen.

Das obige ist der detaillierte Inhalt vonWas sind die Attributwerte der Anzeige in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage