So verstecken Sie Elemente mit CSS
Dies ist eine Notiz, wie man Elemente mit CSS versteckt. Die Verwendung von display: none; entfernt das Element vollständig, was das Layout zerstören kann. Hier stellen wir vor, wie man Elemente unsichtbar macht, während das Layout beibehalten wird.
Das Problem mit display: none;
Wenn Sie display: none; verwenden, verschwindet das Element vollständig, sodass andere Elemente versuchen, diesen Raum zu füllen, was das Layout zerstören kann.
Alternative Methoden
Ich habe verschiedene CSS-Eigenschaften ausprobiert, um Elemente unsichtbar zu machen, aber einige Methoden funktionierten nicht gut.
background-color
background-color: rgba(255, 255, 255, 0.1);Ich habe versucht, die Hintergrundfarbe transparent zu machen, aber das Element selbst blieb, und es hatte keine Wirkung.
color
color: rgba(255, 255, 255, 0.5);Ich habe versucht, die Textfarbe transparent zu machen, aber auch dies hatte keine Wirkung.
Die optimale Methode: visibility: hidden;
Schließlich konnte ich das Element mit der folgenden Methode unsichtbar machen:
visibility: hidden;Wenn Sie visibility: hidden; verwenden, wird das Element nicht angezeigt, aber der Raum bleibt. Dadurch können Sie das Element unsichtbar machen, ohne das Layout zu zerstören.
Wie oben gezeigt, können Sie beim Verstecken von Elementen mit CSS visibility: hidden; verwenden, um Elemente unsichtbar zu machen, während das Layout beibehalten wird.