recherche

Maison >interface Web >tutoriel CSS >Que signifie afficher aucun ? Exemple d'utilisation de afficher aucun

Que signifie afficher aucun ? Exemple d'utilisation de afficher aucun

不言
不言original
2018-10-23 14:58:4965504parcourir

L'attribut display de CSS est souvent utilisé dans la mise en page des pages Web, en particulier les quatre valeurs d'attribut block, inline-block, inline et none dans l'attribut display vous le présenteront. need peut faire référence à l'utilisation de la valeur de l'attribut none dans l'attribut display.

ps : Pour une brève introduction aux connaissances pertinentes de l'attribut d'affichage css, vous pouvez vous référer à Que signifie l'attribut d'affichage css ? Explication détaillée de l'attribut display en CSS.

Tout d’abord, jetons un coup d’œil à Que signifie afficher aucun ?

display:none signifie :

Masquer l'élément et le laisser en dehors du document. Le flux consiste à masquer la zone, ce qui est le cas. n'occupe pas l'espace réel, mais n'affecte pas l'arrière-plan. Pour être honnête, vous pouvez obtenir des éléments cachés. En termes simples, lorsque l'élément est défini sur aucun, il n'occupera pas d'espace ni ne sera affiché, ce qui équivaut à un élément non. existant.

Après avoir lu la signification de display none, examinons l'utilisation de display none.

Utilisation de display none :

Regardons directement un exemple 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>

span ci-dessus code Si la valeur de l'attribut display:none n'est pas définie, l'effet est le suivant :

Que signifie afficher aucun ? Exemple dutilisation de afficher aucun

Si la valeur de l'attribut display:none est définie, l'effet sera celui indiqué dans la figure ci-dessous : Ce qui doit être masqué La zone est masquée.

Que signifie afficher aucun ? Exemple dutilisation de afficher aucun

Les éléments à noter lors de l'utilisation de display:none sont :

1. Si c'est via un fichier de style ou

2. Si vous utilisez directement display:none pour masquer un élément dans le fichier de style ou le code du fichier de page, après avoir chargé la page, sans définir le style via js pour afficher l'élément, l'utilisation du code js affichera certains attributs. de l'élément ne peut pas être obtenu correctement, comme offSetTop, offSetLeft, etc. La valeur renvoyée sera 0. Ces valeurs ne peuvent être obtenues correctement qu'après avoir défini style.display dans js pour afficher l'élément.

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!

Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Explication détaillée de l'attribut box-pack et de l'attribut box-align pour aligner l'intérieur de la boîteArticle suivant：Explication détaillée de l'attribut box-pack et de l'attribut box-align pour aligner l'intérieur de la boîte

Articles Liés

Voir plus