Frage Tabulatorraum anstelle von mehreren nichtbrechenden Leerzeichen ("nbsp")?


Ist es möglich, ein Tab-Zeichen in HTML einzufügen, anstatt zu tippen?   vier Mal?


813
2017-10-15 11:03


Ursprung


Antworten:


Es ist viel sauberer, CSS zu verwenden. Versuchen padding-left:5em oder margin-left:5em wie passend.


499
2017-10-15 11:06



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

Es gibt keine Tab-Entität, die in ISO-8859-1-HTML definiert ist. Es gibt jedoch einige andere Leerzeichen als   sowie  ,  ,und  .

In ASCII, 	 ist ein Tab.

Hier ist eine vollständige Liste von HTML-Entities und eine nützliche Diskussion von Leerzeichen auf Wikipedia.


1164
2017-10-15 11:11



Nein, Tab ist nur ein Leerzeichen, was HTML betrifft. Ich würde stattdessen ein em-Leerzeichen empfehlen, das so groß ist (-> <-) und als Eingabe verwendet wird &emsp;. Sie können sogar mit der Verwendung des Unicode-Charakters dafür loskommen, wenn Sie Glück haben.


191
2017-10-15 11:07



& emsp; ist die Antwort.

Sie werden jedoch nicht so funktional sein, wie Sie vielleicht erwarten würden, wenn Sie gewöhnt sind, horizontale Tabellierungen in Wortprozessoren zu verwenden, z. Word, Wordperfect, Open Office, Wordworth, etc. Sie sind feste Breite, und sie können nicht angepasst werden.

CSS gibt Ihnen viel mehr Kontrolle und bietet eine Alternative, bis das W3C eine offizielle Lösung bietet.

Beispiel:

padding-left:4em 

..oder..

margin-left:4em 

..wie angemessen

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

Sie könnten einige Tab-Tags einrichten und sie ähnlich wie 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 benutze 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.

Zusätzliche Diskussion

Es gibt keine horizontalen Tabellierungsentitäten, die in ISO-8859-1 HTML definiert sind. Es sind jedoch einige andere Leerzeichen verfügbar als üblich &nbsp, beispielsweise; &thinsp;, &ensp; und das vorher erwähnte &emsp;.

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


163
2017-11-17 16:52



Versuchen  &emsp;

Es entspricht vier &nbsp;s.


63
2018-05-05 07:31



Es gibt wirklich keine einfache Möglichkeit, mehrere Leerzeichen innerhalb (oder in der Mitte) eines Absatzes einzufügen. Diejenigen, die darauf hinweisen, dass Sie CSS verwenden, haben den Punkt nicht gefunden. Sie versuchen möglicherweise nicht immer, einen Absatz von einer Seite einzufügen, sondern versuchen tatsächlich, zusätzliche Leerzeichen an einer bestimmten Stelle davon einzufügen.

Im Wesentlichen werden in diesem Fall die Räume der Inhalt und nicht der Style. Ich weiß nicht, warum so viele Leute das nicht sehen. Ich denke, die Starrheit, mit der sie versuchen, die Trennung von Stil und Inhalt zu erzwingen (HTML wurde entwickelt, um beides von Anfang an zu tun - es ist nichts falsch daran, gelegentlich einen Stil zu definieren einzigartig Elemente, die entsprechende Tags verwenden, ohne viel Zeit für die Erstellung von CSS-Stylesheets aufwenden zu müssen. Es ist absolut nicht unlesbar, wenn es in der Moderation verwendet wird. Es gibt auch etwas, das gesagt werden kann, um etwas schnell machen zu können.) Übersetzt, wie sie Whitespace-Zeichen nur als nur für Stil und Einrückung verwendet betrachten können.

Und wenn es keine elegante Möglichkeit gibt, Leerzeichen einzufügen, ohne sich darauf verlassen zu müssen &emsp; und &nbsp; Tags würde ich argumentieren, dass der resultierende Code weitaus unlesbarer wird, als wenn es ein entsprechend benanntes Tag gäbe, mit dem Sie schnell eine große Anzahl von Leerzeichen einfügen könnten (oder wenn Sie wissen, dass Leerzeichen in dem ersten nicht unnötig konsumiert wurden) Ort).

Wie es oben gesagt wurde, wäre es jedoch am besten zu verwenden &emsp; an der richtigen Stelle einfügen.


50
2018-06-15 20:58



Es ist besser, das zu verwenden Vor Etikett. Das Vor Tag definiert vorformatierten Text.

<pre>
 This is
preformatted text.
It preserves      both spaces

and line breaks.

</pre>

Erfahren Sie mehr über Pre-Tag bei dieser Link


41
2017-08-29 17:35



Ich bin bei der Suche nach einer Methode auf diese Methode gestoßen und habe schließlich meine eigene gefunden, die scheinbar leicht für das, was man will, funktioniert. Ich bin neu hier zu posten, also hoffe ich, dass das funktioniert ... Aber hab das in CSS:

span.tab{
    padding: 0 80px; /* Or desired space*/
}

Dann in Ihrem HTML haben Sie diese "lange Registerkarte" im mittleren Satz, wie ich brauchte:

<span class="tab"></span>

Speichert von der Menge von &nbsp; oder &emsp; das würdest du brauchen.

Hoffe, das hilft jemandem, Prost!


40
2017-10-26 17:11



&emsp;, &ensp;, &#8195; oder &#8194; kann verwendet werden.

W3 sagt ...

The character entities &ensp; and &emsp; denote an en space and an em space respectively, where an en space is half the point size and an em space is equal to the point size of the current font. 

Lesen Sie mehr auf W3.org für HTML3

Lesen Sie mehr auf W3.org für HTML4

Noch mehr bei Wikipedia


18
2018-05-15 21:51