Wie kann ich unmarkierten Text in HTML ausblenden, ohne den HTML-Code zu ändern?

Unmarkierten Text im HTML-Code verbergen

Problem:

Ein HTML-Code enthält Text ohne HTML-Tags. Konkret gibt es einen „Enter“-Text, der auf ein

folgt. Tag, der ausgeblendet werden muss. Das Ändern des Codes durch Umschließen mit einem HTML-Tag ist verboten.

Lösung:

Ein CSS-Hack unter Verwendung der Schriftgröße kann implementiert werden:

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

HTML:

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

In dieser Methode hat die .entry-Klasse eine Schriftgröße von 0, was effektiv ist verbirgt den darin enthaltenen Text. Bei allen verschachtelten Elementen innerhalb von .entry (z. B. *) wird jedoch die geerbte Schriftgröße auf den ursprünglichen Wert zurückgesetzt, wodurch der Text in diesen Elementen wieder sichtbar wird.

Dieser CSS-Hack verbirgt effektiv den „Enter“-Text ohne die Notwendigkeit von HTML-Tags.

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