Wie kann ich Browser dazu bringen, Leerzeichen in HTML zu ignorieren?

Leerzeichen in HTML ignorieren

In HTML können Leerzeichen zwischen Elementen zu unerwünschten Leerzeichen in der gerenderten Ausgabe führen. Um dies zu beheben, werden in dieser Frage Lösungen untersucht, die den Browser dazu bringen, Leerzeichen zu ignorieren.

Die Antwort schlägt die Verwendung der CSS-Eigenschaft white-space-collapse: Discard; vor. Es wird jedoch darauf hingewiesen, dass diese Funktion noch in keinem Browser implementiert ist. Als Alternative schlägt die Antwort vor, HTML-Kommentare zu verwenden, um den Leerraum auszublenden, was zu einer besser lesbaren Codestruktur führt.

Beispiel:

#parent_of_imgs { white-space-collapse: discard; }
<!-- This feature is not yet implemented in any browser -->

<!-- Using comments as an alternative -->
<p>
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
  <img src="." alt="" />
  <!-- This is a comment -->
</p>

Das obige ist der detaillierte Inhalt vonWie kann ich Browser dazu bringen, Leerzeichen in HTML zu ignorieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!