“, fügen Sie dem div-Element den Stil „display:none“ hinzu, um es auszublenden. 2. „
“, Setzen Sie das versteckte Attribut auf das div-Element, um es auszublenden."/> “, fügen Sie dem div-Element den Stil „display:none“ hinzu, um es auszublenden. 2. „
“, Setzen Sie das versteckte Attribut auf das div-Element, um es auszublenden.">
简体中文（ZH-CN）English（EN）繁体中文（ZH-TW）日本語（JA）한국어（KO）Melayu（MS）Français（FR）Deutsch（DE）
Heim
Artikel
Fragen und Antworten
Kurs
Thema
Herunterladen
Spiel
Wörterbuch
kürzliche Updates

Heim  >  Artikel  >  Web-Frontend  >  Was ist der versteckte Attributcode von div in HTML?

Was ist der versteckte Attributcode von div in HTML?

WBOY
WBOYOriginal
2021-11-25 11:41:586004Durchsuche

Der versteckte Attributcode von div lautet: 1. „

“, 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. „

Was ist der versteckte Attributcode von div in HTML?

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>

Ausgabeergebnis:

Was ist der versteckte Attributcode von div in HTML?

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>

Ausgabeergebnis:

Was ist der versteckte Attributcode von div in HTML?

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>

Ausgabe Ergebnis:

Was ist der versteckte Attributcode von div in HTML?

Empfohlenes Tutorial: „HTML-Video-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist der versteckte Attributcode von div in HTML?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

html5 html display
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So legen Sie die feste Position von div in HTML festNächster Artikel：So legen Sie die feste Position von div in HTML fest

In Verbindung stehende Artikel

Mehr sehen