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

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

Susan Sarandon
Susan Sarandonoriginal
2024-12-01 15:01:17795parcourir

How Can I Hide Plain Text in HTML Without Using HTML Tags?

Affichage du texte masqué en HTML sans balisage HTML

Dans le code HTML, le texte qui existe sans contenir de balises HTML pose un défi pour le masquer de vue. Pour résoudre ce problème, des techniques CSS peuvent être utilisées.

Piratage CSS utilisant la taille de la police

Une méthode efficace consiste à utiliser un hack CSS qui modifie la taille de la police. propriété. Cette technique consiste à définir la taille de police sur 0 pour le conteneur parent, puis à la remplacer par la taille souhaitée pour les éléments imbriqués.

.entry {
  font-size:0;
}
.entry * {
  font-size:initial;
}

Exemple

<div class="entry">
  <p class="page-header">

En appliquant ce hack CSS, le texte « Entrée » deviendra invisible tandis que les autres éléments de texte ne seront pas affectés.

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:
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