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
765 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!

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