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

Text ohne HTML-Tags in HTML ausblenden

Problem:

Bedenken Sie den folgenden HTML-Code:

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

Der Text „Enter“, der auf das „p“-Tag folgt, muss ausgeblendet werden, es ist jedoch nicht möglich, ihn einzuschließen HTML-Tags. Daher sind alternative Lösungen wie CSS oder JavaScript erforderlich.

Lösung mit CSS:

Ein CSS-Hack kann angewendet werden, um das gewünschte Ergebnis zu erzielen:

.entry {
  font-size: 0;
}

.entry * {
  font-size: initial;
}

Indem Sie die Schriftgröße des übergeordneten Elements „.entry“ auf 0 setzen, erben alle seine untergeordneten Elemente dieselbe Größe. Wenn Sie jedoch die Schriftgröße aller untergeordneten Elemente in „.entry“ wieder auf „initial“ setzen, erhalten sie ihre ursprüngliche Schriftgröße zurück, wodurch der Text „Enter“ effektiv ausgeblendet wird.

HTML Code mit angewendetem CSS:

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

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