Der Unterschied zwischen display:none und Visibility:hidden

Der Unterschied ist wie folgt:

(Empfohlenes Tutorial: CSS-Schnellstart)

Anzeige: keine Elemente nicht Beliebigen Platz belegen, Sichtbarkeit: ausgeblendeter Elementbereich bleibt erhalten;

Anzeige: keine wirkt sich auf den Übergangseffekt von CSS3 aus, Sichtbarkeit: ausgeblendet wird nicht angezeigt; ) und Reflow ( relfow ), Visibility: Hidden löst nur ein Neuzeichnen aus;

Beteiligung: Die Knoten- und Nachkommenknotenelemente von display: none sind alle unsichtbar, und die Nachkommenknotenelemente des Knotens mit Visibility: Hidden können angezeigt werden mit Sichtbarkeit: sichtbar . Der Wert des Attributs „visibility:hidden“ ist vererbbar, sodass die untergeordneten Elemente „hidden“ erben und standardmäßig ausgeblendet sind. Wenn die untergeordneten Elemente jedoch auf „visibility:sichtbar“ zurückgesetzt werden, werden sie nicht ausgeblendet.

Das obige ist der detaillierte Inhalt vonDer Unterschied zwischen display:none und Visibility:hidden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!