Heim > Artikel > Web-Frontend > Was bedeutet display:none?
Was bedeutet display:none?
- hzcOriginal
- 2020-06-24 15:46:4258415Durchsuche
„display:none“ bedeutet, das Element unsichtbar zu machen und nicht einmal ein Boxmodell zu generieren. Es wird im Allgemeinen für versteckte Elemente verwendet, die keinen Platz beanspruchen. Das Anzeigeattribut gibt den Typ der Box an, den das Element generieren soll. Wenn sein Wert „none“ ist, kann angegeben werden, dass das Element keine Box generiert. Das Ausblenden des Elements kann als Löschen des Elements von der Seite verstanden werden.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.
display:none bedeutet:
„display:none“ bedeutet, dass das Einstellungselement unsichtbar ist und nicht einmal das Boxmodell generiert wird. Wird im Allgemeinen für versteckte Elemente verwendet, die keinen Platz beanspruchen.
Der Stil „display:none“ verbirgt wirklich Elemente entsprechend der Bedeutung des Wortes. Das Attribut
display gibt den Typ der Box an, den das Element generieren soll. Wenn sein Wert „none“ ist, kann angegeben werden, dass das Element keine Box generiert.
Mit dem Anzeigeattribut belegen ausgeblendete Elemente keinen Platz. Darüber hinaus ist jede direkte Benutzerinteraktion am Element wirkungslos, sobald die Anzeige auf „Keine“ gesetzt ist.
Verwenden Sie „display:none“, um das Element auszublenden, ohne Platz zu beanspruchen. Daher führt eine dynamische Änderung dieses Attributs zu einer Neuanordnung (Änderung des Seitenlayouts), was als Löschen des Elements von der Seite verstanden werden kann. Es wird nicht an Nachkommen vererbt, aber seine Nachkommen werden nicht angezeigt. Schließlich sind sie alle zusammen verborgen.
Werfen wir einen Blick auf die Verwendung von display:none.
<html>
<head>
<title></title>
<style type="text/css">
div{
background: lightblue;
width: 200px;
height: 200px;
}
span{
background: pink;
display: none;
}
</style>
</head>
<body >
<div><span>需要隐藏的区域</span></div>
</body>
</html>legt den Attributwert display:none fest und der Effekt ist wie in der folgenden Abbildung dargestellt: Der Bereich, der ausgeblendet werden muss, wird ausgeblendet.
Empfohlenes Tutorial: „HTML-Tutorial“
Das obige ist der detaillierte Inhalt vonWas bedeutet display:none?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!