Tabulator-Leerzeichen anstelle von mehreren nicht umbrechenden Leerzeichen ("nbsp")?

Question

Ist es möglich, ein Tabulatorzeichen in HTML einzufügen, statt es einzugeben   viermal?

Answer 1

Dies ist eine etwas unschöne Lösung, aber man könnte einfach Folgendes tun

var tab = '    ';

Und dann verwenden Sie die Tab-Variable in Ihren Strings.

Answer 2

p { background-color: #FFEEEE; margin: 0; padding: 0.5em 0; }

<p style="white-space: pre-wrap; tab-size: 4">&#9 One tab&#9&#9 two tabs&#9&#9&#9 three tabs&#9&#9&#9&#9 four tabs.</p>
<p style="white-space: pre-wrap; tab-size: 4">   This one is one character.</p>
<p style="white-space: pre-wrap; tab-size: 42">&#9 This one has come out too far.</p>
<p style="white-space: pre-wrap; tab-size: 8">&#9 Say! what a lot of tabs there are.</p>

TL;DR (Zu faul; hat nicht 'Code ausführen'):

1. Fügen Sie ein Tabulatorzeichen in Ihren Text ein, indem Sie &#9 oder (wenn Sie sicher sind, dass Ihr Dokument UTF-8 kodiert ) drücken Sie einfach Ihr tab Schlüssel!
2. hinzufügen white-space: pre-wrap; zur CSS-Regel Ihres Textelements hinzufügen, um zu verhindern, dass Leerzeichen (einschließlich Tabulatoren) kollabieren.
3. hinzufügen tab-size: 4; zu der CSS-Regel Ihres Textelements hinzufügen, um sicherzustellen, dass die Tabulatorbreite vier Standard-Leerzeichen entspricht.

(In den vielen Antworten und Kommentaren gab es zwar Schnipsel und Hinweise zu jedem dieser Punkte, aber keine, die alles zusammengenommen die Frage in ihrem Wortlaut beantwortet hätten.)

Edit: Leider hat das Stack Snippet mein Unicode-Tabulatorzeichen in Leerzeichen umgewandelt! Dieser Teil der Demo (Zeile 2) funktioniert also nicht. Ähnliche Probleme können auftreten, wenn Sie Ihren Code durch einen Code-Formatierer laufen lassen. &#9 vermeidet solche Probleme.