Comment cacher un div avec du CSS ? méthode div cachée CSS

Lorsque nous mettons habituellement en page le site Web, nous voulons masquer le div, mais beaucoup de gens ne savent pas comment contrôler l'affichage et le masquage des div avec CSS ? Expliquons comment masquer les divs avec CSS.

1 : Masquer le contenu Web

Nous pouvons utiliser l'attribut display:none pour masquer toutes les informations, y compris le texte et les images, la syntaxe est :

<div style="display:none;">这里你是看不到的</div>

Lorsque nous utilisons le style CSS dans un div, nous pouvons utiliser l'attribut display:none pour masquer le contenu, et il n'est pas visible via le navigateur. En même temps, le contenu masqué n'occupe pas d'espace après. masquage Les moteurs de recherche de contenu ne peuvent pas le lire. Généralement, nous utilisons le code de statistiques js pour masquer l'icône affichée.

2 : Masquer le texte ou les images débordantes

Pour masquer le texte ou les images débordantes, nous pouvons utiliser l'attribut overflow:hidden. Nous devons d'abord définir une largeur et une hauteur pour. le contenu doit être , puis utilisez le style overflow: caché pour définir la partie de débordement. Il s'avère que la partie de débordement n'est pas affichée. Le code est le suivant :

我是可以看见的<br/><br/> 
<div style="overflow: hidden; width:30px; height:20px;">你是看不见我的。</div> 
<br/> 
同样我也是可以看见的

L'effet est le suivant :

Ce qui précède est de savoir comment masquer un div avec du CSS ? Pour une introduction complète à la méthode de masquage des divs, si vous souhaitez en savoir plus sur le Tutoriel CSS3, veuillez faire attention au site Web php chinois.

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!