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

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;
}

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>

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!