Was bedeutet display:none?
„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!
Heiße KI -Werkzeuge
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Undress AI Tool
Ausziehbilder kostenlos
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem völlig kostenlosen KI-Gesichtstausch-Tool aus!
Heißer Artikel
Heiße Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Heiße Themen
1393
52
1205
24
Die Preiserwartungen für die Fujifilm X-M5 steigen, da das durchgesickerte Selfie-Display die ehemals erschwingliche Kamerareihe komplexer macht
Sep 07, 2024 am 09:34 AM
Fujifilm-Fans waren kürzlich sehr gespannt auf die Aussicht auf die X-T50, da sie eine Neuauflage der preisgünstigen Fujifilm X-T30 II darstellte, die in der APS-C-Kategorie unter 1.000 US-Dollar recht beliebt geworden war. Leider ist die Fujifilm X-T50 auf den Markt gekommen
Das Netzkabel des Apple Studio Displays ist abnehmbar, erfordert jedoch Spezialwerkzeuge
May 17, 2023 pm 03:05 PM
Apple Studio Display ist jetzt offiziell im Handel erhältlich und viele Kunden auf der ganzen Welt haben das Produkt gekauft. Im Gegensatz zum ProDisplayXDR verfügt das StudioDisplay über einen einzigartigen Stromanschluss, der scheinbar nicht abnehmbar ist. Es stellt sich heraus, dass das Kabel abnehmbar ist, Sie benötigen jedoch ein Spezialwerkzeug, um es zu entfernen. Apple gibt auf seiner Website an, dass das Netzkabel des Studio Displays nicht abnehmbar sei – und das denken viele Nutzer auch. Das liegt daran, dass es scheinbar unmöglich ist, das Kabel mit den Händen zu entfernen, aber glücklicherweise lässt sich das Kabel vom Monitor lösen. Apple verfügt über ein spezielles Tool zum Extrahieren von Informationen aus seinem neuen StudioDispl
Vergleich: Apple Studio Display vs. Samsung Smart Monitor M8
May 11, 2023 pm 10:46 PM
Samsung Smart Display M8 vs. Apple Studio Display: Design und Größe Seit seiner Einführung wird das Apple Studio Display mit dem iMac verglichen, da es aus einem relativ dünnen Panel auf einem relativ einfachen L-förmigen Ständer besteht. Es ist eine bekannte und beliebte Ästhetik, und Samsung scheint sie für seine Präsentation übernommen zu haben. Der Samsung SmartMonitor M8 nutzt die gleiche Idee eines dünnen Bildschirms auf einem Standfuß, der sehr ähnlich aussieht. Einige kleinere Elemente unterscheiden sich, wie zum Beispiel der kleine Bereich in der unteren linken Ecke, der etwas hervorsteht, und das sehr dünne Kinn des Samsung, aber vom grundlegenden Design her scheinen sie ähnlich zu sein. Samsung scheint sich stark vom 24-Zoll-iMac inspirieren zu lassen. Das Display von Apple ist kleiner als das von Samsung
Boot Camp wurde aktualisiert, um Apple Studio Display zu unterstützen
May 20, 2023 pm 11:34 PM
IntelMac-Benutzer, die Windows auf einem Mac ausführen, können jetzt ihre Treiber in BootCamp aktualisieren, um Apples StudioDisplay zu unterstützen. Apple aktualisiert BootCamp regelmäßig, um Unterstützung für neue Hardware sowie typische Kompatibilitäts- und Leistungsverbesserungen einzuführen. Im Software-Update vom März hat Apple BootCamp für die Zusammenarbeit mit dem neuen StudioDisplay aktiviert. Das Update, das BootCamp auf Version 6.1.17 bringt, führt zwei wichtige Supportelemente ein. Erstens wird die Kompatibilität mit StudioDisplay hinzugefügt und sichergestellt
Samsung: Neues, großes Display auf Basis der E-Ink-Technologie zeigt Farben an und kommuniziert drahtlos
Jun 19, 2024 pm 03:37 PM
Wir berichten häufig über Geräte, die auf Displays mit elektronischer Tinte basieren, wie zum Beispiel E-Reader. Die Technologie bietet eine Reihe von Vorteilen: Sie kann in hellen Umgebungen ohne Hintergrundbeleuchtung gelesen werden und benötigt beim Schalten ohne Licht nur Strom
Vergleich: Apple Studio Display vs. LG UltraFine 5K Display: Welches ist besser?
Apr 16, 2023 pm 08:25 PM
StudioDisplay und LG UltraFine5KDisplay nehmen ähnliche Marktpositionen ein, der Monitor von Apple ist jedoch 300 US-Dollar teurer. Hier finden Sie alles, was Sie über den Vergleich dieser Monitore wissen müssen. Sechs Jahre sind in der Tech-Welt eine lange Zeit, und es ist auch die Zeit, seit Apple einen Markenmonitor verkauft hat, der weniger als 5.000 US-Dollar kostet. Während dieser Zeit ging Apple eine Partnerschaft mit LG ein, um die LG UltraFine-Serie zu verkaufen, die sich speziell an Mac-Benutzer richtete. Im Jahr 2019 stellte Apple den Verkauf dieser LG-Monitore zugunsten von ProDisplayXDR ein, einem erschwinglichen Mac-freundlichen Display
anzeigen, was es bedeutet
Oct 26, 2023 am 11:50 AM
Unter Anzeige versteht man in der Regel den Vorgang oder die Funktion, dem Benutzer Daten, Informationen oder Ergebnisse auf irgendeine Weise anzuzeigen oder auf einem Bildschirm oder einem anderen Gerät auszugeben. Spezifische Bedeutung: 1. In der Befehlszeilenschnittstelle (CLI) kann sich „Anzeige“ auf die Ausgabe von Daten in Text, Tabellen oder anderen Formaten im Terminalfenster beziehen, damit Benutzer sie anzeigen oder analysieren können. 2. In der grafischen Benutzeroberfläche (GUI) „Anzeige“. kann sich auf die Anzeige von Bildern, Text, Diagrammen und anderen Inhalten im Anwendungsfenster oder auf der Benutzeroberfläche zur Benutzerinteraktion oder zum Durchsuchen usw. beziehen.
Welche Werte hat die Anzeige?
Nov 20, 2023 pm 05:28 PM
Zu den Anzeigewerten gehören Block, Inline, None, Inline-Block, Flex, Grid, Table, Inline-Table und List-Item. Detaillierte Einführung: 1. Block, der Elemente in Elemente auf Blockebene umwandelt, bildet einen Block auf der Seite und belegt nur eine Zeile. 2. Inline, wodurch Elemente in Inline-Elemente umgewandelt werden. Inline-Elemente belegen keine eigene Zeile und können neben anderen Elementen stehen. 3. Keine, dieser Wert gibt an, dass das Element nicht auf der Seite usw. sein wird.
