Tabulatorraum anstelle mehrerer nicht unterbrechender Leerzeichen ("nbsp")?

959

Ist es möglich, ein Tabulatorzeichen in HTML einzufügen, anstatt  viermal eingeben zu müssen?

html Roch
quelle
21
Ich finde es hilfreich, <PRE> zu verwenden, wenn am Anfang der Zeile Tab-Multi-Zeit verwendet wird (zum Beispiel beim Auslesen von C-Code)
Guy Kovel
Ein TABCharakter ... um was zu tun?
Michel de Ruiter
Sie können Ihr eigenes Tag definieren <tab>und dann die Funktion jQuery on readyverwenden, um sie durch die gewünschte Anzahl äquivalenter Leerzeichen zu ersetzen oder aufzufüllen.
Khaled.K
Wenn Sie wirklich Tabs brauchen, versuchen Sie es mitwhite-space
Buksy
6
Zu Ihrer Information - Wenn ein statisches 4x &nbsp;(oder ein einzelnes &emsp;) es nicht schneidet und Sie möchten, dass sie wie eine Registerkarte zur nächsten Spalte mit "4 Abständen" ausgerichtet werden (was manchmal bedeuten würde, dass es tatsächlich 0 oder 1 oder 2 oder ist) 3 Leerzeichen zum Anordnen) .. wie zum Beispiel .. zum Beispiel einige Texteditoren .. Leider können Sie nicht in HTML ... ohne <table>s ... und auch, indem Sie einige Leerzeichen verwenden, um zu versuchen, es zu hacken ... erfordert eine feste Schriftart .... Ich denke, die meisten Probleme liegen zwischen der Notwendigkeit einer festen Schriftart und der Tatsache, dass HTML gerne Leerzeichen entfernt.
Pimp Trizkit

Antworten:

582

Es ist viel sauberer, CSS zu verwenden. Versuchen Sie es padding-left:5emoder margin-left:5emnach Bedarf.

Alohci
quelle
13
@Alohci IMHO Auffüllen mit CSS ist nicht so gut, da beim Zoomen des Texts im Browser die Textgröße zunimmt, nicht jedoch das Auffüllen AFAIK.
AlexV
16
@AlexV - Wenn Sie emwie ich als Dimension verwenden, sollte diese mit der Textgröße erweitert werden. Selbst wenn Sie dies nicht tun, hängt dies von der Art des verwendeten Zoommechanismus ab.
Alohci
2
@DavidThielen - HTML 3, in dem das TAB-Element erschien, war für die Browserhersteller kein Starter, und das TAB-Element wurde nie implementiert. Stattdessen wurde HTML 3.2 erstellt, das etwas einfacher war und stattdessen implementiert wurde.
Alohci
2
@Eoin - in der Tat. Also das, was Sie wirklich in diesen Fällen wollen , sind Tab Stopps . Aber das war nicht das, wonach das OP fragte. Das OP forderte einen Ersatz für mehrere aufeinanderfolgende nicht unterbrechende Leerzeichen, die die Zeilen auch nicht anordnen würden. CSS hat eine tab-sizeEigenschaft, die genau das ist, was Sie wirklich wollen, aber die Browserunterstützung war unberechenbar. Andernfalls sind Tischlayout oder Flexbox die besten Wetten.
Alohci
5
Dies beantwortet die Frage nicht. Die Antwort unten von Kristian adressiert das Problem, über das der Benutzer geschrieben hat
Pranavan Maru
1265

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

Es gibt kein Register Einheit in ISO-8859-1 definiert HTML - aber es gibt ein paar Leerzeichen andere als &nbsp;wie &thinsp;, &ensp;und&emsp; .

In ASCII &#09;ist eine Registerkarte.

Hier finden Sie eine vollständige Liste der HTML-Entitäten und eine nützliche Diskussion der Leerzeichen auf Wikipedia .

kristian
quelle
2
Welcher Unterschied ist zwischen &ensp;und &emsp;? Ich habe getestet, beide haben genau den gleichen Platz ..!
Shafizadeh
3
Die geheime Sauce zur Herstellung von & # 09; Als HTML-Bereich mit Registerkarten in HTML wird die CSS-Definition für Leerzeichen angezeigt. <p style = "Anzeige: Inline-Block; Leerraum: Pre-Wrap;"> & # 09; ¡Muy bien! Tabbing funktioniert für mich in Spanisch und Englisch </ p>. Leerraum: vor; funktioniert auch. Sie können auch ein "tab" -Tag <tab /> zusammen mit dem CSS :: before Selector-Tab :: before {content: "\ 0009";} verwenden, das beim Hervorheben, Ausschneiden und Einfügen jedoch nicht als Tab angezeigt wird .
Jules Bartow
3
@Shafizadeh Aus den W3-Spezifikationen : Ein en-Leerzeichen entspricht der halben Punktgröße und ein em-Leerzeichen entspricht der Punktgröße der aktuellen Schriftart. &emsp;ist etwas größer. Ich kann den Unterschied in Chrome 64 und FireFox 58 sehen.
Dmitry
Ich habe danach gesucht, als ich eine große concat () - Abfrage in MySQL zur Verwendung in einem Crystal Report erstellt habe. Der ASCII (& # 09;) hat den Job perfekt gemacht!
Mike D Wakelyn
Das habe ich gesucht. Ich habe einige Titel mit dem Attribut "Letzte Zeile begründen" entfernt, aber ich möchte nicht, dass einige davon auseinander brechen. Die & ensp; das verhindert.
Alex Banman
195

& emsp; ist die Antwort.

Sie sind jedoch nicht so funktionsfähig wie erwartet, wenn Sie es gewohnt sind, horizontale Tabellen in Textverarbeitungsprogrammen zu verwenden, z. B. Word, Wordperfect, Open Office, Wordworth usw. Sie haben eine feste Breite und können nicht angepasst werden.

CSS bietet Ihnen eine weitaus bessere Kontrolle und eine Alternative, bis das W3C eine offizielle Lösung bietet.

Beispiel:

padding-left:4em

..oder..

margin-left:4em

..wie angemessen

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

Sie können einige Tab-Tags einrichten und sie ähnlich wie bei der Verwendung von 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>
Erweitern Sie das Snippet

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

Zusätzliche Diskussion

In ISO-8859-1 HTML sind keine horizontalen Tabellierungselemente definiert. Es sind jedoch einige andere Leerzeichen als die üblichen verfügbar &nbsp. &thinsp;, &ensp;Und die zuvor erwähnte&emsp; .

Erwähnenswert ist auch, dass es sich bei ASCII und Unicode &#09;um eine horizontale Tabelle handelt.

WonderWorker
quelle
2
Dies ist keine gültige XHTMLnach W3 Validator
Buksy
Das ist nur zur Hälfte wahr, da & emsp; ist wahr gültiger W3C-Aufschlag. Sie beziehen sich jedoch eindeutig auf das günstige CSS-Beispiel. In diesem Fall verwenden wir benutzerdefinierte Tags, die ein neues Markup darstellen und nicht Teil des W3C-Sets sind. Der W3C-Validator ist so streng, dass benutzerdefinierte Tags immer als Fehler gekennzeichnet werden. Es liegt an Ihnen, was wichtiger ist. Es ist an der Zeit, dass wir eine anständige offizielle Implementierung von Registerkarten erhalten, die dem HTML-Markup-Set hinzugefügt wurden. Hoffe das hilft.
WonderWorker
2
Ich habe dies in einem Fall für Swing JTable-Header mit einem String-Wert und einem HTML-Pfeilzeichen verwendet, wobei ich dieses Zeichen als Trennzeichen benötigte. Funktioniert super! Vielen Dank!
Blake Neal
2
"Seltsamerweise gibt es in HTML keine horizontale Registerkarte." Nicht allzu seltsam, da die Formatierung konsequent von HTML in CSS verschoben wurde, und eine Registerkarte ist kein visuelles Element, sondern nur ein Formatierungselement, sondern eine gute Antwort und eine gute Erklärung
MikeT
75

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

  1. Art &nbsp; , um ein einzelnes Leerzeichen hinzuzufügen.
  2. Art &ensp; , um 2 Leerzeichen hinzuzufügen.
  3. Geben Sie ein &emsp;, um 4 Leerzeichen hinzuzufügen.
sanjeev51
quelle
3
Fügen Sie einfach auch hinzu ;. Gefällt &nbsp;
mir
2
Diese Antwort beantwortet tatsächlich die Frage. Es ist dumm, wie eine CSS-Antwort als Antwort markiert wird.
Mani
@Mani Die Frage wurde 2009 gestellt und die akzeptierte Antwort stammt aus dem Jahr 2009. Diese Antwort wurde 2018 hinzugefügt. Wenn man es so betrachtet, ist es nicht dumm.
3.
@ ᴛʜᴇᴘᴀᴛᴇʟ Vergiss, ob dies tatsächlich die Frage beantwortet oder nicht, aber die markierte Frage, die nicht genau beantwortet wird, ist der Punkt, den ich versuche zu machen.
Mani
Dies ist die richtige Antwort. Vielen Dank!
Ariel Monaco
67

Versuchen &emsp;

Es entspricht vier &nbsp;s.

Abhishek Goel
quelle
In der Tat ist nicht die richtige Antwort als w3.org/MarkUp/html3/specialchars.html . Es ist klar, dass dies von der Art der verwendeten Schriftart abhängt. Außerdem entspricht der em-Speicherplatz der
Punktgröße
52

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

In diesem Fall werden die Räume im Wesentlichen zum Inhalt und nicht zum Stil. Ich weiß nicht, warum so viele Leute das nicht sehen. Ich denke, die Starrheit, mit der sie versuchen, die Trennung von Stil und Inhaltsregel durchzusetzen (HTML wurde von Anfang an für beides entwickelt - es ist nichts Falsches daran, gelegentlich den Stil eines Unikats zu definieren Elements mithilfe geeigneter Tags zu definieren, ohne viel mehr ausgeben zu müssen Zeit für die Erstellung von CSS-Stylesheets, und es ist absolut nichts Unlesbares daran, wenn es in Maßen verwendet wird. Es gibt auch etwas zu sagen, um schnell etwas tun zu können.) bedeutet, dass sie nur Leerzeichen als nur für verwendet betrachten können Stil und Einrückung.

Und wenn es keine elegante Möglichkeit gibt, Leerzeichen einzufügen, ohne sich auf &emsp;und &nbsp;Tags verlassen zu müssen, 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, wissen Sie, Räume überhaupt nicht unnötig verbraucht wurden).

Wie oben bereits erwähnt, ist es am besten, wenn Sie es an &emsp;der richtigen Stelle einfügen.

GonzoKnight
quelle
1
HTML wurde von Anfang an nicht so gestaltet, dass es individuell gestaltet wurde.
Markus Unterwaditzer
Lieben Sie Ihren Punkt, wie Einrückung nicht immer das ist, was die Leute wollen!
Redwolf Programme
46

Es ist besser, das Pre- Tag zu verwenden. Das Pre- Tag definiert vorformatierten Text.

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

and line breaks.

</pre>

Weitere Informationen zum Pre-Tag finden Sie unter diesem Link

Srikanth Muttavarapu
quelle
1
@ HuzaifaSaifuddin was meinst du? <pre>ist in HTML5 mit dem gleichen Verhalten wie in HTML4 standardisiert .
Sumit
Es tut mir leid, dass ich nicht weiß, dass ich das geschrieben habe. Ich stimme dem zu, was du sagst. Tut mir leid wegen falscher
Informationen
Ich habe die Ausgabe so formatiert, dass sie in Tabellenkalkulationen eingefügt werden kann. Dadurch konnte ich \ t Zeichen einfügen, um Tabs auszuführen. Auf jeden Fall war meine Antwort. Gut gemacht.
Craig Brett
1
Dies ist meiner Meinung nach die beste Option. Außerdem können wir eine Stildefinition auf <pre> anwenden, sodass wir bei Bedarf die richtige 'Monospace'-Schriftart haben können. Beispiel: pre {Schriftfamilie: "Lucida Console", Monaco, Monospace; Schriftgröße: 90%; }
Reverpie
41

Ich bin auf diese Suche gestoßen, als ich nach einer Methode gesucht habe, und habe schließlich meine eigene herausgefunden, die für das, was gewünscht wird, leicht zu funktionieren scheint. Ich bin neu in der Veröffentlichung hier, also hoffe ich, dass dies funktioniert ... Aber habe dies in CSS:

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

Dann muss dies in Ihrem HTML-Code Ihr "langer Tab" im mittleren Satz sein, wie ich es brauchte:

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

Spart von der Menge &nbsp;oder der &emsp;, die Sie benötigen würden.

Hoffe das hilft jemandem, Prost!

rauben
quelle
3
Dadurch werden links und rechts neben dem spanTag 80 Pixel hinzugefügt , nicht genau eine Registerkarte.
Mcont
Immer noch eine clevere Antwort, da Sie nur ein kurzes Markup hinzufügen und gleichzeitig CSS das Styling überlassen.
Invot
19

&emsp;, &ensp;, &#8195;Oder &#8194;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

shyammakwana.me
quelle
9

Wenn Leerzeichen so wichtig werden, ist es möglicherweise besser, vorformatierten Text und das <pre> -Tag zu verwenden.

Pavium
quelle
Das OP ist nicht so speziell in Bezug auf Leerzeichen, sondern fragt nur nach Verknüpfungen für mehrere &nbsp;. Das Aufrufen des <pre>Tags verursacht viel zusätzliche Arbeit.
Isomorphismen
Um die Monospace-Schriftart zu vermeiden, verwenden Sie CSS "White-Space: Pre-Wrap"
hultqvist
Leerzeichen sind keine that importantSache. Es ist eine Tatsache des Lebens.
Redwolf Programme
9

Wenn Sie nur den ersten Satz in einem Absatz einrücken möchten, können Sie dies mit einem kleinen CSS-Trick tun:

p:first-letter {
    margin-left: 5em;
}
Peirix
quelle
Ja. Das wird auch funktionieren. Denken Sie daran, es :first-letteranzuziehen, wenn nur der erste Satz eingerückt werden soll.
Peirix
9

Das <tab> -Tag hat es trotz seiner Einführung in HTML3 nie in Browser geschafft. Ich habe es immer für sehr schade gehalten, weil das Leben unter vielen Umständen viel einfacher wäre, wenn wir es uns zur Verfügung hätten. Sie können dies jedoch leicht beheben, um ein falsches <tab> -Tag zu erhalten. Fügen Sie Folgendes in den Kopf Ihres HTML-Codes oder (ohne die Stil-Tags) in Ihr CSS ein:

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

Wenn Sie von da an eine Registerkarte in Ihrem Dokument benötigen, geben Sie dort <tab> ein. Es ist keine echte Registerkarte, da es nicht an Registerkarten ausgerichtet ist, aber für die meisten Anforderungen geeignet ist, ohne mit ungeschickten Zeichenentitäten oder Bereichen herumzappeln zu müssen. Es macht es wirklich einfach, Ihre Quelle zu überprüfen und einfache Dinge zu formatieren, bei denen Sie nicht auf den Aufwand von Tabellen oder anderen komplexeren "Lösungen" verzichten möchten.

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

Möglicherweise können Sie eine Reihe von TABs für die wahre absolute Position definieren und dann bei Bedarf die entsprechende Registerkarte (z. B. <tab2> oder <tab5> oder was auch immer) verwenden. Ich habe jedoch keine Möglichkeit gefunden, dies zu tun, ohne nachfolgende Zeilen einzurücken .

user1388236
quelle
7

Sie können eine Tabelle verwenden und ein widthAttribut auf die erste anwenden <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
Mangkokorix
quelle
Vielen Dank!! Dies ist die beste und allgemeinste Lösung für Situationen, in denen CSS nicht möglich ist.
John Henckel
6

Ich habe eine Spanne mit Inline-Styling verwendet. Ich musste dies tun, da ich eine Zeichenfolge aus einfachem Text verarbeite und das \ t durch 4 Leerzeichen (ca.) ersetzen muss. Ich konnte &nbsp;sie in dem Prozess, in dem sie interpretiert wurden, nicht so weit verwenden, dass das endgültige Markup nicht inhaltliche Leerzeichen enthielt.

HTML:

<span style="padding: 0 40px">&nbsp;</span>

Ich habe es in einer PHP-Funktion wie dieser verwendet:

$message = preg_replace('/\t/', '<span style="padding: 0 40px">&nbsp;</span>', $message);
Gordy
quelle
6

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

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

mit dem HTML so etwas wie:

<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 ändern, z.

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

mit dem HTML so etwas wie:

<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>
StrangeDucks
quelle
4

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

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

Dies wird die erste Zeile wie in traditionellen Veröffentlichungen einrücken.

Slevin
quelle
4

Es gibt ein einfaches CSS dafür:

white-space: pre;

Die Leerzeichen, die Sie im HTML-Code hinzufügen, bleiben erhalten, anstatt sie zu vereinheitlichen.

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

Betrachten Sie es so: Eine Registerkarte entspricht 64 Pixel. Dies ist also der Raum, den wir durch CSS geben können.

Mateen
quelle
3

wir können 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>

Die Leerstelle im Inneren ist mit Registerkarten gefüllt. Die Anzahl der Registerkarten hängt vom Text ab.

es wird so aussehen:

Text    : value
Text2   : value2
Text32  : value32
Esgi Dendyanri
quelle
3

Der ideale CSS-Code, der verwendet werden sollte, sollte eine Kombination aus Eigenschaften "Anzeige" und "Mindestbreite" sein ...

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.
Olumid
quelle
2

Wenn man am Anfang einer Zeile nur aus dem gesamten Absatz ein langes Leerzeichen benötigt, kann dies eine Lösung sein:

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

Wenn das zu viel zum Schreiben ist oder man an vielen Stellen solche Registerkarten benötigt, kann man dies tun

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

Fügen Sie dies dann in CSS ein:

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

Ich verwende eine Liste ohne Aufzählungszeichen, um das Erscheinungsbild mit Registerkarten zu erhalten. (Es ist das, was ich manchmal mache, wenn ich MS Word benutze)

In der CSS-Datei:

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

Verwenden Sie in der HTML-Datei 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 mithilfe verschachtelter Listen weitere Einrückungen vornehmen können.

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

funct7
quelle
(x) HTML sollte den Inhalt des Dokuments angeben, wie es angezeigt wird, sollte von CSS behandelt werden. Es gibt Gründe, warum das Auslegen von Webseiten mithilfe von Tabellen niemals für nicht tabellarische Daten verwendet werden sollte.
Nielsvh
1

Wir verwenden eine benutzerdefinierte Space-Span-Klasse

<span class='space'></span>

Fügen Sie die Raumklasse in CSS ein.

.space 
{
   margin-left:45px;
}
Hautausschläge
quelle
1
Wie in Alohcis Antwort verwenden Sie bitte em/ settings, um das Zoomen des remBrowsertextes zu ermöglichen.
Charlie Harding
0

Unter Verwendung von CSS und Best Practice würde die dynamische Erstellung verschachtelter, eingerückter Menüs wie folgt aussehen:

  1. Erstellen Sie für jede Verschachtelung einen Stil, z. B. Einzug1, Einzug2 usw., wobei jeder seinen eigenen linken Rand angibt. Die Standortstruktur sollte selten über drei Verschachtelungsebenen hinausgehen.
  2. Verwenden Sie eine statische Variable (Ganzzahl) innerhalb der selbstrekursiven Funktion, um die Rekursion zu verfolgen.
  3. Hängen Sie für jede Schleife die Schleifennummer indentmithilfe von serverseitigen Skripten wie PHP oder ASP an das Wort an , damit diese Menüs von CSS entsprechend formatiert werden.

Alternativ können Sie die statische Variable durchlaufen, um den Abstand mithilfe von mehreren Tags &nbsp;oder <pre>Tags oder anderen Zeichen hinzuzufügen .

Beim Testen des horizontalen Tabulatorzeichens stellte &#09;ich fest, dass es &nbsp;in dem von mir beschriebenen Szenario nicht als Ersatz für mehrere Zeichen funktioniert . Möglicherweise haben Sie unterschiedliche Ergebnisse.

Ro Mc
quelle
0

Dies ist eine etwas hässliche Lösung, aber Sie könnten dies einfach tun

var tab = '&nbsp;&nbsp;&nbsp;&nbsp;';

Verwenden Sie dann die Tabulatorvariable in Ihren Zeichenfolgen.

Aonghus McGovern
quelle
0

Nur "Pre" -Tag:

<pre>Name:      Waleed Hasees
Age:        33y
Address:    Palestine / Jein</pre>

Sie können jede CSS-Klasse auf dieses Tag anwenden.

Yanni
quelle
0

Ich würde einfach empfehlen:

/* In your CSS code: */
pre
{
    display:inline;
}

<!-- And then, in your HTML code: -->

<pre>    This text comes after four spaces.</pre>
<span> Continue the line with other element without braking </span>
Yoav Barnea
quelle
0 
<head>
<style> t {color:#??????;letter-spacing:35px;} </style>
</head>

<t>.</t>

Stellen Sie sicher, dass der Farbcode mit dem Hintergrund übereinstimmt. Der px ist auf die gewünschte Länge für die Registerkarte variabel.

Fügen Sie dann Ihren Text nach dem <t>. </ T> hinzu

Der Punkt wird als Platzhalter verwendet und ist einfacher zu tippen, aber das '& # 160;' kann anstelle des Zeitraums verwendet werden, wodurch die Farbcodierung nicht relevant ist.

<head>
<style> t {letter-spacing:35px;} </style>
</head>

<t>&#160;</t>

Dies ist vor allem für die Anzeige von Textabschnitten nützlich, kann jedoch in anderen Abschnitten von Skripten hilfreich sein.

Eric A. Tuttle
quelle