Maison  >  Article  >  interface Web  >  Comment ne pas afficher les éléments en CSS

Comment ne pas afficher les éléments en CSS

coldplay.xixi
coldplay.xixioriginal
2021-04-15 17:07:134847parcourir

Comment définir les éléments non affichés en CSS : 1. Utilisez la méthode [display: none;] ; 2. Remplacez [display:none;] par [visibility: Hidden;]

Comment ne pas afficher les éléments en CSS

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3, ordinateur DELL G3.

Comment définir les éléments non affichés en utilisant CSS :

(1) affichage : aucun ;

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <style type="text/css">
    .box {
        width: 160px;
        height: 100px;
        background: #cad5eb;
    }
    .title {
        height: 40px;
        background: #54a962;
    }
    .content {
        height: 60px;
        background: #5650bb;
    }
    </style>
</head>
<body>
    <div class="box">
        <h3 class="title">标题</h3>
        <p class="content">内容</p>
    </div>
</body>
</html>

Comment ne pas afficher les éléments en CSS

réglage L'effet après affichage : aucun ; est le suivant :

Comment ne pas afficher les éléments en CSS

On voit que la partie titre d'origine est manquante et la partie contenu occupe la partie titre d'origine

( 2) visibilité : cachée ;

C'est toujours l'exemple ci-dessus, mais cette fois, changez display:none; en visibilité : cachée mais le résultat est assez différent

Comment ne pas afficher les éléments en CSS

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