Que signifie afficher aucun ? Exemple d'utilisation de afficher aucun-tutoriel CSS-php.cn

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

不言

Libérer： 2018-10-23 14:58:49

original

65505 Les gens l'ont consulté

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>

Copier après la connexion

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!