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

Es gibt ein einfaches Css dafür:

white-space: pre;

Es behält die Leerzeichen bei, die Sie in den HTML-Code einfügen, anstatt sie zu vereinheitlichen.

Answer 2

Sie können eine Tabelle verwenden und eine width Attribut an das erste <td> .

Code:

<table>
    <tr>
        <td width="100">Content1</td>
        <td>Content2</td>
    </tr>
    <tr>
        <td>Content3</td>
        <td>Content4</td>
    </tr>
</table>

Ergebnis

Content1       Content2
Content3       Content4

Answer 3

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>

Answer 4

Wenn Sie CSS verwenden, würde ich Folgendes vorschlagen:

p:first-letter { text-indent:1em; }

Dadurch wird die erste Zeile wie in herkömmlichen Publikationen eingerückt.

Answer 5

Anstatt zu schreiben   vier Mal für Raum gleich Registerkarte können Sie schreiben   einmal.