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

AFAIK, die einzige Möglichkeit ist die Verwendung von

 

Wenn Sie CSS verwenden können, können Sie padding oder margin verwenden. Siehe Box-Modell und für Internet Explorer lesen Sie auch _Internet Explorer Box-Modell-Fehler_ .

Answer 2

Wenn Sie nur den ersten Satz eines Absatzes einrücken wollen, können Sie das mit einem kleinen CSS-Trick erreichen:

p:first-letter {
    margin-left: 5em;
}

Answer 3

Der <tab>-Tag hat es nie in die Browser geschafft, obwohl er in HTML3 eingeführt wurde. Ich fand das schon immer sehr schade, denn das Leben wäre in vielen Situationen viel einfacher, wenn wir es zur Verfügung hätten. Aber man kann das Problem leicht beheben, indem man einen gefälschten <tab>-Tag verwendet. Fügen Sie Folgendes in den Kopf Ihres HTML oder (ohne die Style-Tags) in Ihr CSS ein:

<style>
    tab { padding-left: 4em; }
</style>

Wenn Sie dann einen Tabulator in Ihrem Dokument benötigen, setzen Sie dort <tab> ein. Es ist zwar kein echter Tabulator, weil er sich nicht an Tabulatorzeichen ausrichtet, aber für die meisten Bedürfnisse reicht es aus, ohne dass Sie sich mit unhandlichen Zeicheneinheiten oder Spannen herumschlagen müssen. Es macht es wirklich einfach, die Quelle zu überprüfen, und ein Kinderspiel, einfache Dinge zu formatieren, bei denen man sich nicht die Mühe machen will, Tabellen oder andere komplexere "Lösungen" zu verwenden.

Ein schöner Aspekt dieser Lösung ist, dass Sie ein Textdokument schnell durchsuchen/ersetzen können, um alle TABs durch das <tab>-Tag zu ersetzen.

Sie können vielleicht eine Reihe von TABs mit absoluter Position definieren und dann den entsprechenden Tabulator (z. B. <tab2> oder <tab5> oder was auch immer) verwenden, aber ich habe keine Möglichkeit gefunden, das zu tun, ohne dass die nachfolgenden Zeilen eingerückt werden.

Answer 4

Wenn Leerzeichen zu dass wichtig ist, kann es besser sein, vorformatierten Text und den <pre>-Tag zu verwenden.

Answer 5

Wenn Sie nur eine Registerkarte benötigen, hat die folgende für mich funktioniert.

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
</style>

mit dem HTML-Code etwa so:

<p><b>asdf</b> <span class="tab">99967</span></p>
<p><b>hjkl</b> <span class="tab">88868</span></p> 

Sie können weitere "Tabs" hinzufügen, indem Sie zusätzliche "Tab"-Stile hinzufügen und den HTML-Code wie folgt ändern:

<style>
  .tab {
    position: absolute;
    left: 10em;
   }
  .tab1 {
    position: absolute;
    left: 20em;
   }
</style>

mit dem HTML-Code etwa so:

<p><b>asdf</b> <span class="tab">99967</span><span class="tab1">hear</span></p>
<p><b>hjkl</b> <span class="tab">88868</span><span class="tab1">here</span></p>