Heim > Artikel > Web-Frontend > Was sind die Werte des Anzeigeattributs in h5?
Die Werte des Anzeigeattributs in h5 umfassen Block, Inline, Inline-Block, None, Table, Flex, Grid, List-Item, Inherit, Initial usw. Detaillierte Einführung: 1. Block: Verwenden Sie den Blockwert, um das Element auf Blockebene anzuzeigen. Das heißt, das Element belegt eine exklusive Zeile und die Breite beträgt standardmäßig 100 % des übergeordneten Containers. 2. Inline: Inline-Werte sorgen dafür, dass das Element inline angezeigt wird, d. h., das Element zeigt keine exklusive Zeile usw. an.
Das Betriebssystem dieses Tutorials: Windows 10-System, DELL G3-Computer.
In HTML5 wird das Anzeigeattribut verwendet, um zu steuern, wie Elemente angezeigt werden. Es definiert, wie Elemente auf der Seite angeordnet und dargestellt werden. Das Anzeigeattribut kann verschiedene Werte annehmen. Einige der gebräuchlichen Werte werden im Folgenden vorgestellt.
1. Block (Element auf Blockebene): Verwenden Sie den Blockwert, um das Element auf Blockebene anzuzeigen. Das heißt, das Element belegt eine exklusive Zeile und die Breite beträgt standardmäßig 100 % des übergeordneten Containers. Zu den gängigen Elementen auf Blockebene gehören
,
2. Inline (Inline-Element): Verwenden Sie den Inline-Wert, um das Element inline anzuzeigen, d. h. das Element belegt keine eigene Zeile, sondern wird in derselben Zeile wie andere Elemente angezeigt. Zu den gängigen Inline-Elementen gehören , , , , usw.
3. Inline-Block (Inline-Block-Level-Element): Verwenden Sie den Inline-Block-Wert, um das Element auf Inline-Block-Level-Weise anzuzeigen, das heißt, das Element wird in derselben Zeile angezeigt und verfügt über Attribute wie die Breite und Höhe einstellbar. Zu den gängigen Inline-Elementen auf Blockebene gehören ,
4. none (verstecktes Element): Verwenden Sie den Wert none, um das Element auszublenden, d. h. das Element wird nicht auf der Seite angezeigt. Wenn dieser Wert festgelegt ist, belegt das Element keinen Platz. Dies ist nützlich, wenn Sie Elemente dynamisch ein- und ausblenden müssen.
5. Tabelle (Tabellenelement): Verwenden Sie den Tabellenwert, um das Element als Tabelle anzuzeigen, d. h. das Element weist die Eigenschaften einer Tabelle auf, einschließlich Tabellenzeilen und -spalten. Zu den gängigen Tabellenelementen gehören
usw.
6. Flex (flexibles Layout): Verwenden Sie den Flex-Wert, um Elemente mithilfe eines flexiblen Layouts anzuordnen. Das flexible Layout kann die Größe und Position von Elementen automatisch an die Größe des Containers anpassen, um flexible Layouteffekte zu erzielen. Zusätzlich zu den oben genannten Werten kann das Anzeigeattribut auch andere Werte annehmen, wie zum Beispiel: -grid (Rasterlayout): Verwenden Sie den Rasterwert, um Elemente mithilfe des Rasterlayouts anzuordnen. Das Rasterlayout unterteilt die Seite in Zeilen und Spalten und erleichtert so die Anordnung von Elementen. - Listenelement: Verwenden Sie den Listenelementwert, um Elemente als Listenelemente anzuzeigen, d. h. vor dem Element steht ein Aufzählungszeichen oder eine Zahl. - erben (Anzeigeattribute des übergeordneten Elements erben): Verwenden Sie den Vererbungswert, um das Anzeigeattribut des übergeordneten Elements zu erben. - initial (Anfangswert): Verwenden Sie den Anfangswert, um die Anzeigeeigenschaft auf ihren Anfangswert zurückzusetzen. Die oben genannten sind einige häufig verwendete Anzeigeattributwerte. Durch Festlegen des Anzeigeattributs können wir den Anzeigemodus von Elementen flexibel steuern und verschiedene Layouteffekte erzielen. Das obige ist der detaillierte Inhalt vonWas sind die Werte des Anzeigeattributs in h5?. 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 Vorheriger Artikel:Was sind die Nachteile der Anzeige?Nächster Artikel:Was sind die Nachteile der Anzeige? In Verbindung stehende ArtikelMehr sehen |