Der Unterschied zwischen Anzeige und Sichtbarkeit

Dieses Mal werde ich Ihnen den Unterschied zwischen Anzeige und Sichtbarkeit erläutern und welche Vorsichtsmaßnahmen bei der Verwendung von Anzeige und Sichtbarkeit gelten. Im Folgenden sind praktische Fälle aufgeführt . Steh auf und schau es dir an.

Sichtbarkeit Versteckte Objekte behalten auch den physischen Platz, den das Objekt einnimmt, wenn es angezeigt wird, bei der Anzeige jedoch nicht.

visibility: versteckt, sichtbar (display) style="vislbility:hidden"

display: none, block (display) style=" display:none"

Sie können den Code unten speichern, um den Effekt zu sehen.

Spezifische Schritte:

Codebeispiel:

< p style="border:1px solid #000;background:#eee">
< span style="width:200;height:200;visibility:hidden"></span>
←SS属性为visibility:hidden的对象
< /p><br>
< p style="border:1px solid #000;background:#666">
< span style="width:200;height:200;display:none"></span>
←SS属性为display:none的对象
< /p>

Besondere Tipps

Sichtbarkeit nutzen Attribut Das ausgeblendete Objekt des Steuerelements belegt immer noch die Position, wenn es angezeigt wird, die Anzeige jedoch nicht.

Besonderer Hinweis

Das Anzeigeattribut legt den Anzeigemodus des Elements fest. Die entsprechenden Skriptfunktionen sind „Keine“, „Block“ und „Inline“. Die Beschreibung jedes Werts lautet wie folgt:

none verbirgt das Element und behält den Platz nicht bei, wenn das Element angezeigt wird.

Elemente im Blockmodus anzeigen.

inline zeigt das Element inline an.

Inline-Block-Objekte werden als Inline-Elemente angezeigt, aber alle untergeordneten Objekte werden als Blockelemente angezeigt und benachbarte Inline-Elemente werden in derselben Zeile angezeigt, Leerzeichen sind zulässig.

list-item zeigt Blockelemente als Listenobjekte an und kann Elementpunktion hinzufügen. (Erfordert IE6.0+-Unterstützung)

table-header-group zeigt das Element als table-Headergruppe an, äquivalent zum tHead-Element.

table-footer-group zeigt das Element als Tabellenfußgruppe an, äquivalent zum tFoot-Element.

Das Sichtbarkeitsattribut legt fest, ob das Element angezeigt werden soll. Die optionalen Werte sind erben, ausgeblendet und sichtbar. Die Beschreibung jedes Werts lautet wie folgt:

inherit Inherit Die Sichtbarkeitsattributeinstellung des übergeordneten Elements.

hidden verbirgt das Element, behält aber den Platz, den es einnimmt.

sichtbares Anzeigeelement (Standard).

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie in anderen verwandten Artikeln auf der chinesischen PHP-Website!

Empfohlene Lektüre:

Detaillierte Erläuterung der Verwendung von Hintergrundanhängen in CSS

CSS zum Erstellen von Ripple-Animationen

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen Anzeige und Sichtbarkeit. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!