Heim >Web-Frontend >CSS-Tutorial >Wie kann ich Text in HTML ausblenden, ohne Tags zu verwenden?

Wie kann ich Text in HTML ausblenden, ohne Tags zu verwenden?

Susan Sarandon
Susan SarandonOriginal
2024-12-24 08:43:13741Durchsuche

How Can I Hide Text in HTML Without Using Tags?

Text in HTML ohne Tags ausblenden

Obwohl bestimmte Texte nicht von HTML-Tags umgeben sind, ist es möglich, sie mithilfe von CSS-Tricks zu verbergen. Im folgenden Codeausschnitt muss der Text „Enter“ im „p“-Tag ausgeblendet werden.

<div>

Ein CSS-Hack beinhaltet die Manipulation der Schriftgröße:

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

Von Wenn Sie die Schriftgröße der Klasse „entry“ auf 0 setzen, werden alle darin enthaltenen Elemente unsichtbar. Allerdings setzt der „*“-Selektor in der zweiten Regel die Schriftgröße auf ihren Anfangswert zurück, wodurch alle Elemente wieder sichtbar werden, außer denen direkt innerhalb der „entry“-Klasse. Daher wird der „Enter“-Text zwischen den „p“-Tags effektiv ausgeblendet.

Das obige ist der detaillierte Inhalt vonWie kann ich Text in HTML ausblenden, ohne Tags zu verwenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn