Heim > Web-Frontend > js-Tutorial > Wie kann ich Text ohne Tags in HTML mithilfe von CSS ausblenden?

Wie kann ich Text ohne Tags in HTML mithilfe von CSS ausblenden?

Susan Sarandon
Freigeben: 2024-12-14 02:51:13
Original
412 Leute haben es durchsucht

How Can I Hide Untagged Text in HTML Using CSS?

Text ohne Tags in HTML ausblenden

In HTML ist es möglich, Textfragmente auszublenden, die nicht von HTML-Tags umgeben sind. Es kann schwierig sein, diesen Text, der oft als „einfacher Text“ bezeichnet wird, mit herkömmlichen Methoden zu verbergen.

JavaScipt oder CSS?

Wie der Benutzer erwähnt hat, Umbruch Der Text in einem div oder anderen Tags ist unpraktisch. Daher müssen alternative Methoden wie JavaScript oder CSS erforscht werden.

CSS-Hacking

Ein effektiver CSS-Hack zum Ausblenden von Klartext besteht darin, die Schriftgröße zu manipulieren:

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

Indem Sie die Schriftgröße des Container-Div auf Null setzen, haben alle Elemente in diesem Container ebenfalls die Schriftgröße Null, wodurch sie effektiv ausgeblendet werden. Um jedoch die Sichtbarkeit der getaggten Elemente wiederherzustellen, setzt die zweite CSS-Regel die Schriftgröße auf den Ausgangswert zurück und sorgt so dafür, dass nur der nicht getaggte Text ausgeblendet bleibt.

Beispiel:

<div class="entry">
  <p class="page-header"><strong>Enter</strong></p>
  <p>something here</p>
  Enter (this will be hidden !!)
  <div class="subhead">another text here</div>
</div>
Nach dem Login kopieren

Durch die Anwendung des CSS-Hacks auf diesen HTML-Code wird der „Enter“-Text nach dem „p“-Tag effektiv ausgeblendet, während der andere Text im Container ausgeblendet wird unberührt.

Das obige ist der detaillierte Inhalt vonWie kann ich Text ohne Tags in HTML mithilfe von CSS ausblenden?. 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