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

Wenn Sie die TABs wollen

• funktionieren wie Tabulatoren, auch in Contenteditables
• nicht die hässlichen "pre"-Schriften verwenden wollen

dann anstelle von nbsp's verwenden:

<pre class='TAB'>&#009;</pre>

Fügen Sie dies in Ihr CSS ein:

.TAB {
margin:0; padding:0;
display:inline;
tab-size: 8;
}

Ändern Sie die Größe der Registerkarten nach Ihren Wünschen.

Answer 2

Unter Verwendung von CSS und bewährten Verfahren würde die dynamische Erstellung von verschachtelten, eingerückten Menüs folgendermaßen aussehen:

1. Erstellen Sie eine Formatvorlage für jede Verschachtelung, z. B. indent1, indent2 usw., wobei jede ihren eigenen linken Rand angibt. Die Struktur einer Website sollte selten mehr als drei Verschachtelungsebenen umfassen.
2. Verwenden Sie eine statische Variable (Integer) innerhalb der selbstrekursiven Funktion, um die Rekursion zu verfolgen.
3. Hängen Sie für jede Schleife die Schleifennummer an das Wort indent Die Menüs müssen mit Hilfe von serverseitigen Skripten wie PHP oder ASP erstellt werden, damit sie mit CSS entsprechend formatiert werden können.

Alternativ können Sie die statische Variable in einer Schleife durchlaufen, um die Abstände mithilfe mehrerer   o <pre> Tags oder andere Zeichen, je nach Bedarf.

Vom Testen des horizontalen Tabulatorzeichens, 	 Ich habe festgestellt, dass es nicht als Ersatz für mehrere   in dem von mir beschriebenen Szenario. Sie können andere Ergebnisse haben.

Answer 3

Sie können auch verwenden:

p::before {
    content: "";
    padding-left: 30px;
}

Ersetzen Sie "p" durch einen anderen Selektor, der Ihnen einfällt.

Answer 4

Nur "pre"-Tag:

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

Sie können jede beliebige CSS-Klasse auf dieses Tag anwenden.

Answer 5

Ich würde es einfach empfehlen:

/* In your CSS code: */
pre
{
    display:inline;
}

<!-- And then, in your HTML code: -->

<pre>    This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>