Comment créez-vous une div cachée qui ne crée pas de rupture de ligne ou d'espace horizontal?
Cet article discutera des méthodes suivantes:
- Méthode 1: Créez une div cachée en utilisant la propriété «afficher» CSS
- Méthode 2: Créez une div cachée en utilisant la propriété CSS «Visibilité»
Méthode 1: Créez une div cachée en utilisant la propriété «afficher» CSS
Pour créer une div cachée qui ne crée pas un espace horizontal de rupture de ligne, utilisez le "afficher«Propriété avec la valeur»aucun".
Pour la démonstration, consultez les étapes données.
Étape 1: Ajouter un en-tête
Ajouter une rubrique avec l'aide de
étiqueter. Ensuite, ajoutez les données entre la balise d'en-tête.
Étape 2: Ajouter des données dans la balise de paragraphe Étape 3: Créer un conteneur Linuxhint Ltd UK Linuxhint fournit le meilleur contenu dans différentes catégories. Sortir Maintenant, cachons le conteneur ajouté. Étape 4: Masquer le conteneur div Accédez à la classe en utilisant le sélecteur de points avec le nom de classe comme «.carreau" appliquer "afficher»Propriété CSS et définissez la valeur comme«aucun"Pour cacher le div. On peut observer que le conteneur ajouté est désormais caché et qu'il ne crée pas de rupture de ligne ou d'espace horizontal: Méthode 2: Créez une div cachée en utilisant la propriété de «visibilité» CSS Le CSS "visibilité»La propriété est spécifiquement utilisée pour afficher ou cacher un élément HTML sans modifier la disposition du document. Pour créer une div cachée en utilisant le «visibilité”Propriété, ajoutez le code suivant dans le fichier CSS: Maintenant, accédez au conteneur div en utilisant le «.carreau»Et appliquez le«visibilité«Propriété, et définissez sa valeur comme«caché". Sortir Vous avez appris la méthode pour créer une div cachée en utilisant les propriétés CSS. Conclusion Pour créer une div cachée qui ne crée pas de rupture de ligne ou d'espace horizontal, créez d'abord une div en utilisant le «" étiqueter. Après cela, appliquez le «afficher»Propriété CSS et définissez la valeur comme«aucun"Pour cacher le div. La deuxième approche consiste à utiliser le «visibilité»Et définissez sa valeur comme«caché". Ce message visait à créer une div cachée sans perturber la disposition du document.
Ensuite, insérez une étiquette de paragraphe en utilisant le «
Maintenant, créez un conteneur div avec l'aide du ««Tag et ajoutez un«identifiant”Attribut comme nom de classe:
Catégories, notamment Docker, HTML / CSS, JavaScript et bien d'autres
Affichage: aucun;
Visibilité: cachée;