Maison > Article > interface Web > Comment ne pas afficher les éléments en CSS
Comment ne pas afficher les éléments en CSS
- coldplay.xixioriginal
- 2021-04-15 17:07:134833parcourir
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;]
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>
réglage L'effet après affichage : aucun ; est le suivant :
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
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!