Heim  >  Artikel  >  Web-Frontend  >  Ausführliche Erläuterung des Unterschieds zwischen Anzeige und Sichtbarkeit

Ausführliche Erläuterung des Unterschieds zwischen Anzeige und Sichtbarkeit

高洛峰
高洛峰Original
2017-03-26 10:25:362515Durchsuche

SichtbarkeitVersteckte Objekte behalten auch den physischen Raum bei, den das Objekt einnimmt, wenn es angezeigt wird, während dies bei Anzeige nicht der Fall ist.

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

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

Sie können den folgenden Code 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">

←SSDas Attribut ist ein Objekt mit Visibility:hidden

< /p>

< p style="border:1px solid #000;background:#666">

< span style="width:200 ;height :200;display:none">

←Objekt mit SS-Attribut display:none

< /p>

Besondere Tipps

Verwenden Sie das Sichtbarkeitsattribut, um zu steuern, dass das ausgeblendete Objekt bei der Anzeige immer noch die Position einnimmt, die Anzeige jedoch nicht.

Besonderer Hinweis

Das Anzeigeattribut legt den Anzeigemodus des Elements fest. Die entsprechenden Skriptfunktionen sind „Keine“, „Block“ und „Inline“. 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 Elementzeichensetzung hinzufügen. (Erfordert IE6.0+-Unterstützung)

table-header-group zeigt das Element als table-Headergruppe an, was dem tHead-Element entspricht.

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

Das Sichtbarkeitsattribut legt fest, ob das Element sichtbar ist. Die optionalen Werte sind wie folgt:

inherit Inherit Die Sichtbarkeitsattributeinstellung des übergeordneten Elements.

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

sichtbares Anzeigeelement (Standardwert).

Das obige ist der detaillierte Inhalt vonAusführliche Erläuterung des Unterschieds zwischen Anzeige und Sichtbarkeit. 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