Detaillierte Einführung in das Anzeigeattribut in CSS

CSS display Property

Alle gängigen Browser unterstützen das display-Attribut.

Hinweis: Wenn !DOCTYPE angegeben ist, unterstützt Internet Explorer 8 (und höher) die Attributwerte „inline-table“, „run-in“, „table“, „ table-caption“, „table-cell“, „table-column“, „table-column-group“, „table-row“, „table-row-group“ und „inherit“.

Definition und Verwendung

Das Anzeigeattribut gibt die Art der Box an, die das Element generieren soll.

Beschreibung

Dieses Attribut wird verwendet, um den Typ des Anzeigefelds zu definieren, das vom Element beim Erstellen eines Layouts generiert wird. Bei Dokumenttypen wie HTML kann die unvorsichtige Verwendung der Anzeige gefährlich sein, da sie möglicherweise die bereits in HTML definierte Anzeigehierarchie verletzt. Für XML ist die gesamte Anzeige unbedingt erforderlich, da XML nicht über diese Art von Hierarchie verfügt.

Hinweis: Die Werte compact und marker waren in CSS2 vorhanden, wurden jedoch aus CSS2.1 entfernt, da keine breite Unterstützung vorhanden ist.

Standardwert:

inline

Vererbung

默认值：	inline
继承性：	no
版本：	CSS1
JavaScript 语法：	object.style.display="inline"

Eigenschaft:

Nein

Version:

CSS1

JavaScript

Syntax:

object.style.display="inline"

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）
list-item	此元素会作为列表显示。
run-in	此元素会根据上下文作为块级元素或内联元素显示。
compact	CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker	CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table	此元素会作为块级表格来显示（类似 ），表格前后带有换行符。 inline-table 此元素会作为内联表格来显示（类似 ），表格前后没有换行符。）。）。）。）。）。） table-row-group 此元素会作为一个或多个行的分组来显示（类似 table-header-group 此元素会作为一个或多个行的分组来显示（类似 table-footer-group 此元素会作为一个或多个行的分组来显示（类似 table-row 此元素会作为一个表格行显示（类似 table-column-group 此元素会作为一个或多个列的分组来显示（类似 table-column 此元素会作为一个单元格列显示（类似 table-cell 此元素会作为一个表格单元格显示（类似 和 ） table-caption 此元素会作为一个表格标题显示（类似 ） inherit 规定应该从父元素继承 display 属性的值。

Mögliche Werte

Wert	Beschreibung
keine	Dieses Element wird nicht angezeigt.
blockieren	Dieses Element wird als Element auf Blockebene mit Zeilenumbrüchen vor und nach diesem Element angezeigt.
inline	Standard. Dieses Element wird als Inline-Element ohne Zeilenumbrüche vor und nach dem Element angezeigt.
inline-block	Inline-Blockelement. (CSS2.1 Neuer Wert von )
list-item	Dieses Element wird als Liste angezeigt.
Einlauf	Dieses Element wird je nach Kontext als Element auf Blockebene oder als Inline-Element angezeigt.
kompakt	Es gibt einen Wert „compact“ in CSS, der jedoch mangels umfassender Unterstützung aus CSS2.1 entfernt wurdeLöschen.
Marker	Wertmarkierungen waren in CSS vorhanden, wurden jedoch aus CSS2.1 entfernt, da keine breite Unterstützung vorhanden war.
Tabelle	Dieses Element wird als Tabelle (ähnlich) auf Blockebene angezeigt, mit dem Newline-Zeichen. Inline-Tabelle Dieses Element wird als Inline-Tabelle (ähnlich wie ) ohne Zeilenumbrüche vor oder nach der Tabelle angezeigt. ). ). ). ). ). ) Tabellenzeilengruppe Dieses Element wird als Gruppe aus einer oder mehreren Zeilen angezeigt (ähnlich wie table-header-group Dieses Element wird als Gruppierung einer oder mehrerer Zeilen angezeigt (etwa Tabellenfußgruppe Dieses Element wird als Gruppierung einer oder mehrerer Zeilen angezeigt (etwa Tabellenzeile Dieses Element wird als Tabellenzeile angezeigt (ähnlich wie Tabellenspaltengruppe Dieses Element wird als Gruppierung einer oder mehrerer Spalten angezeigt (etwa Tabellenspalte Dieses Element wird als Zellspalte angezeigt (ähnlich wie Tischzelle Dieses Element wird als Tabellenzelle angezeigt (ähnlich wie Und ) Tabellenüberschrift Dieses Element wird als Tabellentitel angezeigt (ähnlich wie ) erben Gibt an, dass der Wert des Anzeigeattributs vom übergeordneten Element geerbt werden soll.

Das obige ist der detaillierte Inhalt vonDetaillierte Einführung in das Anzeigeattribut in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!