“, 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.">
suchen

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:586059Durchsuche

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