Heim >Web-Frontend >CSS-Tutorial >So verwenden Sie display, um versteckte Elemente in CSS anzuzeigen
So verwenden Sie display, um versteckte Elemente in CSS anzuzeigen
- 青灯夜游Original
- 2021-04-28 18:21:477387Durchsuche
So verwenden Sie display, um versteckte Elemente in CSS anzuzeigen: 1. Legen Sie den Stil „display:none;“ auf das Element fest, um das Element auszublenden Element.
Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.
CSS-Anzeigeattribut
Das Anzeigeattribut gibt den Typ der Box an, den das Element generieren soll. Einstellungen:
display: none;Versteckte Objektedisplay: none;隐藏对象display: block;除了转换为块级元素之外，还有显示元素的意思
说明：
使用display: none;
display: block; Zusätzlich zur Konvertierung in Elemente auf Blockebene gibt es auch Anzeigeelemente Bedeutung
Erklärung:
Verwenden Sie display: none;, um das Element auszublenden, ohne Platz zu beanspruchen. Daher führt eine dynamische Änderung dieses Attributs zu einer Neuanordnung (Änderung der Seitenlayout) kann so verstanden werden, dass das Element von der Seite gelöscht wird; es wird nicht von Nachkommen geerbt, aber seine Nachkommen werden nicht angezeigt. Schließlich werden sie alle zusammen ausgeblendet.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>元素隐藏--display:none</title>
<style>
.display{
display:none;
}
</style>
</head>
<body>
<div>正常显示元素</div>
<div class="display">隐藏元素</div>
<div>正常显示元素</div>
</body>
</html>Rendering: 🎜🎜🎜🎜 (Lernvideo-Sharing: 🎜CSS-Video-Tutorial🎜)🎜Das obige ist der detaillierte Inhalt vonSo verwenden Sie display, um versteckte Elemente in CSS anzuzeigen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!