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

<span style="margin-left:64px"></span>  

Stellen Sie sich das so vor: Eine Registerkarte entspricht 64 Pixeln. Das ist also der Platz, den wir mit CSS zur Verfügung stellen können.

Answer 2

Nun, wenn man einen langen Leerraum am Anfang nur einer Zeile des gesamten Absatzes benötigt, dann könnte dies eine Lösung sein:

<span style='display:inline-block;height:1em;width:4em;'>&nbsp;</span>

Wenn das zu viel zu schreiben ist oder man solche Tabs an vielen Stellen braucht, dann kann man das so machen

<span class='tab'>&nbsp;</span>

Fügen Sie diese dann in CSS ein:

span.tab {display:inline-block;height:1em;width:4em;}

Answer 3

Können wir style="white-space:pre" wie folgt verwenden:

<p>Text<tab style="white-space:pre">        </tab>: value</p>
<p>Text2<tab style="white-space:pre">   </tab>: value2</p>
<p>Text32<tab style="white-space:pre">  </tab>: value32</p>

der leere Raum im Inneren wird mit Tabulatoren gefüllt, die Anzahl der Tabulatoren hängt vom Text ab.

wird es so aussehen:

Text    : value
Text2   : value2
Text32  : value32

Answer 4

Der ideale CSS-Code, der verwendet werden sollte, ist eine Kombination aus den Eigenschaften "display" und "min-width"...

display: inline-block;
min-width: 10em; // ...for example, depending on the uniform width to be achieved for the items [in a list], which is a common scenario where tab is often needed.

Answer 5

Ich verwende eine Liste ohne Aufzählungszeichen, um den Eindruck von "Registerkarten" zu vermitteln. (So mache ich es manchmal, wenn ich MS Word verwende)

In der CSS-Datei:

.tab {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style-type: none;
}

Und in der HTML-Datei verwenden Sie ungeordnete Listen:

This is normal text
<ul class="tab">
    <li>This is indented text</li>
</ul>

Das Schöne an dieser Lösung ist, dass Sie mit Hilfe von verschachtelten Listen weitere Einrückungen vornehmen können.

Ein Neuling spricht hier, also wenn es irgendwelche Fehler gibt, bitte kommentieren.