Heim > Web-Frontend > HTML-Tutorial > Detaillierte Einführung in das Ein- und Ausblenden von Divs

Detaillierte Einführung in das Ein- und Ausblenden von Divs

高洛峰
Freigeben: 2017-03-20 16:13:14
Original
1251 Leute haben es durchsucht

Sichtbarkeitsverborgene Objekte behalten auch den physischen Platz, den das Objekt einnimmt, wenn es angezeigt wird, während dies bei der Anzeige nicht der Fall ist. Sie können den folgenden Code speichern, um den Effekt zu sehen:
Spezifische Schritte:
Codebeispiel:



←Objekt, dessen SS-Attribut „visibility:hidden“ ist


←Objekte, deren SS-Attribut display:none ist


Besondere Tipps
Verwenden Sie das Sichtbarkeitsattribut, um das ausgeblendete Objekt zu steuern, das immer noch die Position einnimmt, wenn es ist angezeigt, während Anzeige Nr.

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 Tabellenkopfgruppe 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:
erben erbt 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 vonDetaillierte Einführung in das Ein- und Ausblenden von Divs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
div
Quelle:php.cn
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage