Maison > interface Web > tutoriel CSS > Comment puis-je masquer du texte en HTML sans utiliser de balises ?

Comment puis-je masquer du texte en HTML sans utiliser de balises ?

Susan Sarandon
Libérer: 2024-12-24 08:43:13
original
702 Les gens l'ont consulté

How Can I Hide Text in HTML Without Using Tags?

Masquer du texte en HTML sans balises

Malgré l'absence de balises HTML entourant certains textes, il est possible de les masquer grâce à des astuces CSS. Dans l'extrait de code ci-dessous, le texte « Entrée » dans la balise « p » doit être masqué.

<div>
Copier après la connexion

Un hack CSS consiste à manipuler la taille de la police :

.entry {
  font-size:0;
}
.entry * {
  font-size:initial;
}
Copier après la connexion

Par en définissant la taille de police de la classe "entry" sur 0, tous les éléments qu'elle contient deviendront invisibles. Cependant, le sélecteur « * » dans la deuxième règle réinitialise la taille de la police à sa valeur initiale, rendant à nouveau visibles tous les éléments à l'exception de ceux directement dans la classe « entry ». Par conséquent, le texte « Entrée » entre les balises « p » sera effectivement masqué.

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal