Que signifie display:none ?
"display:none" signifie définir l'élément pour qu'il soit invisible et même ne pas générer de modèle de boîte. Il est généralement utilisé pour les éléments cachés qui ne prennent pas de place. L'attribut display précise le type de boîte que l'élément doit générer. Lorsque sa valeur est "aucun", on peut préciser que l'élément ne génère pas de boîte. Cacher l'élément peut être compris comme supprimer l'élément de la page.
L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.
display:none signifie :
"display:none" signifie que l'élément de réglage est invisible et même le modèle de boîte n'est pas généré. Généralement utilisé pour les éléments cachés qui ne prennent pas de place.
Le style "display:none" cache véritablement des éléments selon le sens du mot. L'attribut
display précise le type de boite que l'élément doit générer. Lorsque sa valeur est "none", on peut préciser que l'élément ne génère pas de boite.
Grâce à l'attribut display, les éléments masqués n'occupent aucun espace. De plus, une fois l'affichage défini sur aucun, toute opération d'interaction directe de l'utilisateur sur l'élément ne sera pas efficace.
Utilisez "display:none" pour masquer l'élément sans prendre de place. Par conséquent, la modification dynamique de cet attribut entraînera un réarrangement (modification de la mise en page), ce qui peut être compris comme la suppression de l'élément de la page. Il ne sera pas hérité par les descendants, mais ses descendants ne seront pas affichés. Après tout, ils sont tous cachés ensemble.
Jetons un coup d'œil à l'utilisation de 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>définit la valeur de l'attribut display:none, et l'effet est comme indiqué dans la figure ci-dessous : la zone qui doit être masquée est masquée.
Tutoriel recommandé : "Tutoriel HTML"
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Outils d'IA chauds
Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes
AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.
Undress AI Tool
Images de déshabillage gratuites
Clothoff.io
Dissolvant de vêtements AI
AI Hentai Generator
Générez AI Hentai gratuitement.
Article chaud
Outils chauds
Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit
SublimeText3 version chinoise
Version chinoise, très simple à utiliser
Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP
Dreamweaver CS6
Outils de développement Web visuel
SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)
Les attentes en matière de prix du Fujifilm X-M5 augmentent alors que l'écran selfie qui fuit ajoute de la complexité à la gamme d'appareils photo autrefois abordables
Sep 07, 2024 am 09:34 AM
Les fans de Fujifilm ont récemment été très enthousiasmés par la perspective du X-T50, car il présentait une relance du Fujifilm X-T30 II, axé sur le budget, devenu très populaire dans la catégorie APS-C à moins de 1 000 $. Malheureusement, lors du lancement du Fujifilm X-T50
Le cordon d'alimentation de l'Apple Studio Display est détachable, mais nécessite des outils spéciaux
May 17, 2023 pm 03:05 PM
Apple Studio Display est désormais officiellement disponible dans les magasins et de nombreux clients du monde entier ont acheté le produit. Contrairement au ProDisplayXDR, le StudioDisplay possède un connecteur d'alimentation unique qui semble non amovible. Il s'avère que le câble est amovible, mais vous aurez besoin d'un outil spécial pour le retirer. Apple indique sur son site Web que le cordon d'alimentation du Studio Display n'est pas détachable – et de nombreux utilisateurs le pensent. En effet, retirer le câble avec les mains semble impossible, mais heureusement, le câble peut être détaché du moniteur. , Apple dispose d'un outil spécial pour extraire les informations de son nouveau StudioDispl
Comparatif : Apple Studio Display vs Samsung Smart Monitor M8
May 11, 2023 pm 10:46 PM
Samsung Smart Display M8 vs Apple Studio Display : conception et taille Depuis son lancement, l'Apple Studio Display a été comparé à l'iMac, composé d'un panneau relativement fin sur un support en forme de L relativement simple. C'est une esthétique connue et appréciée, et Samsung semble l'avoir empruntée pour sa présentation. Le Samsung SmartMonitor M8 reprend la même idée d'un écran fin sur un support très similaire. Certains éléments mineurs sont différents, comme la petite section dans le coin inférieur gauche qui dépasse un peu et le menton du Samsung est très fin, mais ils semblent proches en termes de design de base. Samsung semble s'être beaucoup inspiré de l'iMac 24 pouces. L'écran d'Apple est plus petit que celui de Samsung
Samsung : un nouveau grand écran basé sur la technologie E Ink affiche les couleurs et communique sans fil
Jun 19, 2024 pm 03:37 PM
Nous faisons fréquemment état d'appareils basés sur des écrans à encre électronique, tels que les liseuses électroniques. La technologie offre de nombreux avantages : elle peut être lue dans des environnements lumineux sans rétroéclairage et elle ne nécessite d'énergie que lors d'une commutation sans lumière.
Comparaison : Apple Studio Display vs LG UltraFine 5K Display : lequel est le meilleur ?
Apr 16, 2023 pm 08:25 PM
StudioDisplay et LG UltraFine5KDisplay occupent des positions similaires sur le marché, mais le moniteur d'Apple coûte 300 $ de plus. Voici tout ce que vous devez savoir sur la comparaison de ces moniteurs. Six ans, c'est long dans le monde de la technologie, et c'est aussi le moment où Apple a vendu un moniteur de marque qui coûte moins de 5 000 $. Pendant ce temps, Apple s'est associé à LG pour vendre la série LG UltraFine, destinée spécifiquement aux utilisateurs de Mac. En 2019, Apple a arrêté de vendre ces moniteurs LG au profit de ProDisplayXDR, un écran abordable compatible avec Mac.
Boot Camp mis à jour pour prendre en charge Apple Studio Display
May 20, 2023 pm 11:34 PM
Les utilisateurs d'IntelMac exécutant Windows sur un Mac peuvent désormais mettre à jour leurs pilotes dans BootCamp pour prendre en charge StudioDisplay d'Apple. Apple met régulièrement à jour BootCamp pour introduire la prise en charge du nouveau matériel, ainsi que des améliorations typiques de compatibilité et de performances. Dans la mise à jour logicielle de mars, Apple a activé BootCamp pour fonctionner avec le nouveau StudioDisplay. La mise à jour qui amène BootCamp à la version 6.1.17 introduit deux éléments de support clés. Premièrement, il ajoute la compatibilité avec StudioDisplay, garantissant
Quelles valeurs l'affichage a-t-il ?
Nov 20, 2023 pm 05:28 PM
Les valeurs d'affichage incluent block, inline, none, inline-block, flex, grid, table, inline-table et list-item. Introduction détaillée : 1. block, qui transforme les éléments en éléments de niveau bloc. Les éléments de niveau bloc forment un bloc sur la page et occupent une seule ligne ; 2. inline, qui transforme les éléments en éléments en ligne. Les éléments en ligne n'occuperont pas une ligne par eux-mêmes et peuvent être côte à côte avec d'autres éléments ; 3. none, cette valeur précise que l'élément ne sera pas sur la page, etc.
afficher qu'est-ce que cela signifie
Oct 26, 2023 am 11:50 AM
L'affichage fait généralement référence à l'opération ou à la fonction consistant à afficher des données, des informations ou des résultats à l'utilisateur d'une manière ou d'une autre ou à les afficher sur un écran ou un autre appareil. Signification spécifique : 1. Dans l'interface de ligne de commande (CLI), l'affichage peut faire référence à la sortie de données sous forme de texte, de tableaux ou d'autres formats vers la fenêtre du terminal pour que les utilisateurs puissent les visualiser ou les analyser. 2. Dans l'interface utilisateur graphique (GUI), Afficher ; peut faire référence à l'affichage d'images, de textes, de graphiques et d'autres contenus sur la fenêtre ou l'interface de l'application pour l'interaction ou la navigation de l'utilisateur, etc.
