So zeigen und verbergen Sie Divs

Sichtbarkeitsverborgene Objekte behalten auch den physischen Platz bei, 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:

<p style="border:1px solid #000;background:#eee">
<span style="width:200;height:200;visibility:hidden"></span>

←Objekt mit dem SS-Attribut „visibility:hidden“

</p><br>
<p style="border:1px solid #000;background:#666">
<span style="width:200;height:200;display:none"></span>

←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 angezeigt wird wird 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 Elementpunktion 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 vonSo zeigen und verbergen Sie Divs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!