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
Freigeben: 2024-12-24 08:43:13
Original
700 Leute haben es durchsucht

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>
Nach dem Login kopieren

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

.entry {
  font-size:0;
}
.entry * {
  font-size:initial;
}
Nach dem Login kopieren

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!

Quelle:php.cn
Erklärung dieser Website
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
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage