So stellen Sie ein Element in CSS unsichtbar ein-CSS-Tutorial-php.cn

So stellen Sie ein Element in CSS unsichtbar ein

青灯夜游

Freigeben： 2023-01-05 16:12:37

Original

4259 Leute haben es durchsucht

In CSS können Sie das Sichtbarkeitsattribut verwenden, um ein Element unsichtbar zu machen. Sie müssen dem Element nur den Stil „visibility:hidden;“ hinzufügen. Das Sichtbarkeitsattribut kann angeben, ob das Element sichtbar ist. Wenn der Attributwert „versteckt“ ist, kann das Element auf unsichtbar gesetzt werden.

So stellen Sie ein Element in CSS unsichtbar ein

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

In CSS können Sie das Sichtbarkeitsattribut verwenden, um ein Element unsichtbar zu machen. Das Attribut

visibility gibt an, ob das Element sichtbar ist.

Attributwert:

Wert	Beschreibung
sichtbar	Standardwert. Das Element ist sichtbar.
versteckte	Elemente sind unsichtbar.
collapse	Bei Verwendung in einem Tabellenelement löscht dieser Wert eine Zeile oder Spalte, hat jedoch keinen Einfluss auf das Layout der Tabelle. Der durch Zeilen oder Spalten belegte Platz wird für andere Inhalte zur Verfügung gestellt. Wenn dieser Wert für ein anderes Element verwendet wird, wird er als „versteckt“ dargestellt.

Beschreibung: Das Attribut

visibility gibt an, ob die von einem Element generierte Elementbox angezeigt werden soll. Das bedeutet, dass das Element weiterhin seinen ursprünglichen Platz einnimmt, aber völlig unsichtbar sein kann. Die Wertereduzierung wird in Tabellen verwendet, um Spalten oder Zeilen aus dem Tabellenlayout zu entfernen.

Wenn der Stil visibility:hidden; festgelegt ist, wird das Element ausgeblendet (völlig unsichtbar), aber es verschwindet nicht und belegt weiterhin Platz. Der ursprüngliche HTML-Stil wird nach dem Ausblenden nicht geändert. visibility:hidden;样式后，元素会被隐藏（完全不可见），但是不会消失，依然占据空间，隐藏后不会改变html原有样式；

会被子孙继承，子孙也可以通过显示的设置visibility: visible;

Ja, von Nachkommen geerbt, Nachkommen können auch über die Anzeigeeinstellung sichtbarkeit: sichtbar; eingeblendet werden;

löst keine Ereignisse aus, die an das Element gebunden sind, und eine dynamische Änderung dieses Attributs führt zu einer Neuzeichnung.

Beispiel:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>元素隐藏--visibility: hidden</title>
        <style>
            .visibility{
                visibility: hidden;
            }
        </style>
    </head>
    <body>
        <div>正常显示元素</div>
        <div class="visibility">隐藏元素</div>
        <div>正常显示元素</div>

    </body>
</html>

Nach dem Login kopieren

Rendering:

So stellen Sie ein Element in CSS unsichtbar ein

(Teilen von Lernvideos: CSS-Video-Tutorial

)🎜

Das obige ist der detaillierte Inhalt vonSo stellen Sie ein Element in CSS unsichtbar ein. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!