“, fügen Sie den Stil „display:none“ zum div-Element hinzu, um es auszublenden 2. „
“, setzen Sie das versteckte Attribut auf das div-Element, um es auszublenden.
“, verwenden Sie das Anzeigeattribut, um das Div so einzustellen, dass es nicht angezeigt wird; 2. „
“, verwenden Sie das versteckte Attribut, um das Div auszublenden.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, HTML5-Version, Dell G3-Computer.
Was ist der versteckte Attributcode von div in html
1? In HTML können Sie den Stil „display:none“ zum Ausblenden des Elements hinzufügen div-Element. Schauen wir uns das folgende Beispiel an:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute;top:0;">这是一个固定在顶部的div</div>
</body>
</html>Nach dem Login kopieren
Ausgabeergebnis:
Zu diesem Zeitpunkt wird oben ein normales div-Element angezeigt wie folgt:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute; bottom:0;display:none;">这是一个固定在顶部的div</div>
</body>
</html>Nach dem Login kopieren
Ausgabeergebnis:
2. Verwendung Das versteckte Attribut kann auch das div-Element ausblenden. Sie müssen nur den versteckten Attributwert auf versteckt setzen:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div style="width:100%; height:100px; background:red; position:absolute; bottom:0;" hidden="hidden">这是一个固定在顶部的div</div>
</body>
</html>Nach dem Login kopieren
Ausgabe Ergebnis:
Empfohlenes Tutorial: „HTML-Video-Tutorial“
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
