1050 Stimmen

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

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

1328voto

kristian Punkte 22131

Es hängt davon ab, welchen Zeichensatz Sie verwenden möchten.

In ISO-8859-1-HTML gibt es keine Tabulator-Entität - aber es gibt eine Reihe anderer Leerzeichen als   wie zum Beispiel   ,   ,und   .

In ASCII, 	 ist eine Registerkarte.

Hier ist eine vollständige Auflistung der HTML-Entitäten und eine nützliche Diskussion über Leerraum auf Wikipedia .

626voto

Alohci Punkte 73204

Es ist viel sauberer, CSS zu verwenden. Versuchen Sie padding-left:5em o margin-left:5em als angemessen.

261voto

Will Robertson Punkte 58838

Nein, Registerkarte ist nur Leerzeichen soweit es um HTML geht. Ich empfehle eine em-space die so groß ist (| |) ... typischerweise 4 Felder breit - und wird eingegeben als   .

Vielleicht können Sie sogar mit dem Unicode Zeichen (" "), wenn Sie Glück haben.

204voto

WonderWorker Punkte 7910

ist die Antwort.

Sie sind jedoch nicht so funktionell, wie Sie es vielleicht erwarten, wenn Sie an horizontale Tabellen in Textverarbeitungsprogrammen wie Word, Wordperfect, Open Office, Wordworth usw. gewöhnt sind. Sie haben eine feste Breite und können nicht individuell angepasst werden.

CSS gibt Ihnen eine weitaus größere Kontrolle und bietet eine Alternative, bis das W3C eine offizielle Lösung bereitstellt.

Exemple :

padding-left:4em 

..oder..

margin-left:4em 

je nach Bedarf

Es hängt davon ab, welchen Zeichensatz Sie verwenden möchten.

Sie könnten einige Tab-Tags einrichten und sie ähnlich wie die h-Tags verwenden.

<style>
    tab1 { padding-left: 4em; }
    tab2 { padding-left: 8em; }
    tab3 { padding-left: 12em; }
    tab4 { padding-left: 16em; }
    tab5 { padding-left: 20em; }
    tab6 { padding-left: 24em; }
    tab7 { padding-left: 28em; }
    tab8 { padding-left: 32em; }
    tab9 { padding-left: 36em; }
    tab10 { padding-left: 40em; }
    tab11 { padding-left: 44em; }
    tab12 { padding-left: 48em; }
    tab13 { padding-left: 52em; }
    tab14 { padding-left: 56em; }
    tab15 { padding-left: 60em; }
    tab16 { padding-left: 64em; }
</style>

...und verwenden Sie sie so:

<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Tabulation example</title>

        <style type="text/css">
            dummydeclaration { padding-left: 4em; } /* Firefox ignores first declaration for some reason */
            tab1 { padding-left: 4em; }
            tab2 { padding-left: 8em; }
            tab3 { padding-left: 12em; }
            tab4 { padding-left: 16em; }
            tab5 { padding-left: 20em; }
            tab6 { padding-left: 24em; }
            tab7 { padding-left: 28em; }
            tab8 { padding-left: 32em; }
            tab9 { padding-left: 36em; }
            tab10 { padding-left: 40em; }
            tab11 { padding-left: 44em; }
            tab12 { padding-left: 48em; }
            tab13 { padding-left: 52em; }
            tab14 { padding-left: 56em; }
            tab15 { padding-left: 60em; }
            tab16 { padding-left: 64em; }

        </style>

    </head>

    <body>
        <p>Non tabulated text</p>

        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab2>Tabulated text</tab2></p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p>Non tabulated text</p>
        <p><tab3>Tabulated text</tab3></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab4>Tabulated text</tab4></p>
        <p><tab1>Tabulated text</tab1></p>
        <p><tab2>Tabulated text</tab2></p>

    </body>

</html>

Führen Sie das obige Snippet aus, um ein visuelles Beispiel zu sehen.

Extra Diskussion

In ISO-8859-1-HTML sind keine horizontalen Tabellierungszeichen definiert, aber es gibt einige andere Leerzeichen als die üblichen &nbsp zum Beispiel; &thinsp; , &ensp; und die bereits erwähnte &emsp; .

Es ist auch erwähnenswert, dass in ASCII und Unicode, &#09; ist eine horizontale Tabellierung.

128voto

sanjeev51 Punkte 1570

Im Folgenden sind die 3 verschiedenen Möglichkeiten aufgeführt, die HTML zum Einfügen von Leerraum bietet

  1. Typ &nbsp; um ein einzelnes Leerzeichen hinzuzufügen.
  2. Typ &ensp; um 2 Leerzeichen hinzuzufügen.
  3. Typ &emsp; um 4 Leerzeichen hinzuzufügen.

CodeJaeger.com

CodeJaeger ist eine Gemeinschaft für Programmierer, die täglich Hilfe erhalten..
Wir haben viele Inhalte, und Sie können auch Ihre eigenen Fragen stellen oder die Fragen anderer Leute lösen.

Powered by:

X