Was sind die Werte des Anzeigeattributs in CSS? Welche Rolle spielen die einzelnen?

Einführung in den Anzeigeattributwert:

(Empfohlenes Tutorial: CSS-Schnellstart)

• keine Dieses Element wird nicht angezeigt.

• Block Dieses Element wird als Element auf Blockebene angezeigt, mit Zeilenumbrüchen vor und nach diesem Element.

• Inline-Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor oder nach dem Element angezeigt.

• inline-block Inline-Blockelement. (Neuer Wert in CSS2.1)

• list-item Dieses Element wird als Liste angezeigt.

• run-in Dieses Element wird je nach Kontext als Block-Level-Element oder als Inline-Element angezeigt.

• compact Es gibt einen Wert „compact“ in CSS, dieser wurde jedoch aus CSS2.1 entfernt, da keine breite Unterstützung vorhanden ist.

• Marker Es gibt einen Wertmarker in CSS, der jedoch aus CSS2.1 entfernt wurde, da keine breite Unterstützung vorhanden ist.

• table Dieses Element wird als Tabelle auf Blockebene angezeigt (ähnlich wie

  ), mit Zeilenumbrüchen vor und nach der Tabelle.

  inline-table Dieses Element wird als Inline-Tabelle angezeigt (ähnlich wie

  ), ohne Zeilenumbrüche vor und nach der Tabelle.

  table-row-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

  ).

  table-header-group Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie

  ).

  (Empfohlenes Video-Tutorial: CSS-Video-Tutorial)

  • table-footer-group Dieses Element wird als verwendet a oder Mehrere Zeilen in Gruppen anzeigen (ähnlich wie

  ).

  table-row Dieses Element wird als Tabellenzeile angezeigt (ähnlich wie

  ).

  table-column-group Dieses Element wird als Gruppe aus einer oder mehreren Spalten angezeigt (ähnlich wie

  ).

  table-column Dieses Element wird als Zellenspalte angezeigt (ähnlich wie

  )

  table-cell Dieses Element wird angezeigt als Tabellenzellenanzeige angezeigt werden (ähnlich wie

  und

  ) table-caption Dieses Element wird als Tabellentitel angezeigt (ähnlich wie inherit gibt an, dass der Wert des Anzeigeattributs vom übergeordneten Element geerbt werden soll. Das obige ist der detaillierte Inhalt vonWas sind die Werte des Anzeigeattributs in CSS? Welche Rolle spielen die einzelnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website! Verwandte Etiketten： css display Quelle：csdn.net Vorheriger Artikel：Was sind die gängigen Layoutmethoden in CSS? Nächster Artikel：Klassische CSS-Interviewfragen 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 Neueste Artikel des Autors Gestalten Sie die Zukunft: Java-Programmierung für absolute Anfänger 2024-10-13 13:32:21 Sie sind nicht allein: Beherrschen Sie Python mit einer unterstützenden Community an Ihrer Seite 2024-10-12 11:58:51 Vom Anfänger zum Programmierer: Nutzen Sie die Leistungsfähigkeit der Python-Programmierung 2024-10-11 20:06:51 Denken Sie wie ein Programmierer: Erlernen der Grundlagen von Java 2024-10-11 18:59:31 Java leicht gemacht: Ein Leitfaden für Anfänger zur Programmierleistung 2024-10-11 18:30:51 Erstellen Sie einen Blog mit PHP: Ein anfängerfreundliches Projekt 2024-10-11 15:51:51 Sprechen Sie die Sprache der Systeme: Lernen Sie C, Zeile für Zeile 2024-10-11 15:42:10 Datenstrukturen und Algorithmen in C: Ein anfängerfreundlicher Ansatz 2024-10-11 14:41:20 Programmieren ohne Tränen: C auf einfache Weise lernen 2024-10-11 14:08:31 Datenanalyse mit Java: Ein Leitfaden für Anfänger zur Informationsverarbeitung 2024-10-11 13:42:21 Aktuelle Ausgaben Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen Aus 2024-04-16 10:10:18 0 0 1335 Die Seite kann plötzlich weder CSS noch Bootstrap abrufen Ich entwickle also eine Seite, einen Teil davon habe ich gestern gemacht und es hat großar... Aus 2024-04-06 21:58:04 0 1 800 Ändern Sie Inline-CSS-Stile in Javafx dynamisch Ich versuche, das Hintergrundbild eines Bereichs zu ändern, wenn die Anwendung maximiert i... Aus 2024-04-06 20:57:16 0 1 487 Wie kann man schwebende Elemente in CSS vertikal statt horizontal stapeln lassen? Ich versuche, eine Webseite mit zwei Spalten zu erstellen, mit Hauptinhalt auf der einen S... Aus 2024-04-06 20:45:26 0 2 386 Gibt es eine Möglichkeit, die vertikale Zentrierung des Texts in der Flexbox zu erzwingen, unabhängig davon, welchen anderen CSS-Code wir haben? Ich habe den folgenden CSS-Code, der Teil eines größeren CSS-Codes ist, der in einer Websi... Aus 2024-04-06 20:41:51 0 1 518 verwandte Themen Mehr> CSS CSS-zentriert So fügen Sie Bilder in CSS ein CSS außerhalb der Anzeige ... CSS-Schriftfarbe Was ist CSS? Wie schreibe ich ein Dreieck in CSS? CSS-Textfarbe festlegen Beliebte Empfehlungen So stellen Sie CSS so ein, dass es die Anzeigeellipsen überschreitet So legen Sie die Schriftgröße in CSS fest So verwenden Sie Hover in CSS So legen Sie den Zeichenabstand in CSS fest Was sind die neuen Funktionen von CSS3? Beliebte Tutorials Mehr> Verwandte Tutorials Beliebte Empfehlungen Aktuelle Kurse Yexiutang HTML5+CSS3-Video-Tutorial 9338 Beginnen Sie schnell mit CSS3 79642 Erweitertes CSS3-Video-Tutorial 22933 Das neueste Video-Tutorial zur Weltpremiere von ThinkPHP 5.1 (60 Tage zum Online-Schulungskurs zum PHP-Experten) 1424250 Lernzeiten JAVA-Video-Tutorial für Anfänger 2547690 Lernzeiten Das nullbasierte Einführungsvideo-Tutorial von Little Turtle zum Erlernen von Python 507801 Lernzeiten Kurze Einführung in die Web-Frontend-Entwicklung 215933 Lernzeiten Meistern Sie PS-Video-Tutorials von Grund auf 892060 Lernzeiten [Web-Frontend] Node.js-Schnellstart 7635 Lernzeiten Vollständige Sammlung ausländischer Full-Stack-Kurse zur Webentwicklung 6114 Lernzeiten Gehen Sie zur praktischen Anwendung von GraphQL 5056 Lernzeiten Der 550-W-Lüftermeister lernt Schritt für Schritt JavaScript von Grund auf 706 Lernzeiten Python-Meister Mosh, ein Anfänger ohne Grundkenntnisse, kann in 6 Stunden loslegen 25613 Lernzeiten Neueste Downloads Mehr> Web-Effekte Quellcode der Website Website-Materialien Frontend-Vorlage [Formular-Schaltfläche] Kontaktcode für das jQuery-Enterprise-Nachrichtenformular [Spezialeffekte für Spieler] Wiedergabeeffekte für HTML5-MP3-Spieluhren [Menünavigation] HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte [Formular-Schaltfläche] Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare [Spezialeffekte für Spieler] VUE.JS imitiert den Kugou-Musik-Player-Code [HTML5-Spezialeffekte] Klassisches HTML5-Pushing-Box-Spiel [Bildspezialeffekte] jQuery-Scrollen zum Hinzufügen oder Reduzieren von Bildeffekten [Fotoalbumeffekte] Persönlicher CSS3-Albumcover-Hover-Zoom-Effekt [Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen [Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben [Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer [Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens [Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen [Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren [Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen [Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil [PNG material] 可爱的夏天元素矢量素材(EPS+PNG) [PNG material] 四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG) [Banner image] 唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS) [PNG material] 金色的毕业帽矢量素材(EPS+PNG) [PNG material] 黑白风格的山脉图标矢量素材(EPS+PNG) [PNG material] 不同颜色披风和不同姿势的超级英雄剪影矢量素材(EPS+PNG) [Banner image] 扁平风格的植树节banner矢量素材(AI+EPS) [PNG material] 九个漫画风格的爆炸聊天气泡矢量素材(EPS+PNG) [Frontend-Vorlage] Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen [Frontend-Vorlage] Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben [Frontend-Vorlage] Web-Vorlage für kreativen Job-Lebenslauf für Designer [Frontend-Vorlage] Website-Vorlage eines modernen Ingenieurbauunternehmens [Frontend-Vorlage] Responsive HTML5-Vorlage für Bildungseinrichtungen [Frontend-Vorlage] Vorlage für die Website eines Online-E-Book-Shops für Einkaufszentren [Frontend-Vorlage] IT-Technologie löst Website-Vorlage für Internetunternehmen [Frontend-Vorlage] Website-Vorlage für Devisenhandelsdienste im violetten Stil Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！ Über uns Haftungsausschluss Sitemap © php.cn All rights reserved