Beibehalten des Seitenlayouts beim Ausblenden von Elementen
Beim Ziel, HTML-Elemente zu verbergen, ohne das visuelle Layout zu beeinträchtigen, kann die Verwendung von „visibility:hidden“ fehlschlagen zu unerwünschten Ergebnissen. Während das Element ausgeblendet wird, nimmt es weiterhin denselben Platz auf der Seite ein.
Anzeige deaktivieren
Um diese Herausforderung zu meistern, wird die Verwendung der Anzeigeeigenschaft empfohlen. Wenn Sie die Anzeige des Elements auf „Keine“ setzen, verschwindet es effektiv aus der visuellen Darstellung, als ob es vollständig aus dem DOM entfernt worden wäre.
Betrachten Sie das folgende Beispiel:
Zunächst wird das div-Element normal angezeigt. Um es auszublenden:
#element { display: none; }Wenn display: none angewendet wird, verschwindet das Element optisch und gibt den Platz frei, den es zuvor einnahm. So stellen Sie die Sichtbarkeit des Elements wieder her:
#element { display: block; }Vorteile der Verwendung von display: keine
- Behält das Layout der Seite bei
- Behält die Position des Elements im HTML-Code bei
- Ermöglicht die einfache erneute Anzeige des Elements durch Einstellung von display: block
Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.
Copyright© 2022 湘ICP备2022001581号-3