Ich habe eine Situation wie folgt
<body>
Prüfung<br />
Test<br />
test1<br />
</body>
Ich muss nach dem 2. und 3. Test eine Registerkarte hinzufügen
so dass es ähnlich aussieht wie hier.
Test
Test
test1
Gibt es eine spezielle HTML-Entität oder ein spezielles Zeichen für TAB. z.B. Non-breaking space == & nbsp ;
danke
Der einfachste Weg, den ich mir vorstellen kann, wäre, den Text in verschachtelten divs zu platzieren. Dann fügen Sie Rand auf der linken Seite des div. Es wird nach unten kaskadieren, so dass Sie Einrückung.
<div id='testing'>
Test1
<div>
Test2
<div>
Test3
</div>
</div>
</div>Mit dem CSS:
#testing div {
margin-left: 10px;/*or whatever indentation size you want*/
}Damit bekommst du einen schönen Baum, egal wie viele Stufen du tief gehen willst.
EDIT: Sie können auch Folgendes verwenden padding-left wenn Sie wollen.
Wenn Sie wirklich Folgendes verwenden möchten onglets (== Tabulatorzeichen), müssen Sie die folgende Lösung wählen, die ich nicht empfehle:
<pre>
test
	test
		test
</pre>oder ersetzen Sie die <pre/> con <div style="white-space: pre" /> um denselben Effekt wie mit dem Element pre zu erzielen. Sie können sogar ein wörtliches Tabulatorzeichen anstelle des escapeten 	 .
Ich empfehle es für die meisten Anwendungen nicht, da es nicht wirklich semantisch ist, d.h. ein Programm kann aus der Anzeige des HTML-Quelltextes keine nützlichen Informationen ableiten (wie z.B. "dies ist eine Überschrift" oder so). Sie sind besser dran, wenn Sie eines der netten margin-left Beispiele für die anderen Antworten. Wenn Sie jedoch einige Dinge wie Quellcode oder ähnliches anzeigen möchten, würde die obige Lösung ausreichen.
Zum Wohl,
Siehe Einen 'Tab' in HTML erstellen von Neha Sinha:
Vorformatiert
Sie können Tabulatorzeichen direkt in Ihr HTML einfügen, wenn Sie Sie einen so genannten "vorformatierten" Text verwenden. In HTML umgeben Sie den Text, den Sie Text, den Sie "vorformatiert" haben wollen, mit einem Paar von "
<pre>" und "</pre>" Anfang und Ende Tags.Tische
Sie können eine Html-Tabelle verwenden, so dass alles, was Sie in den Zeilensatz eingeben(
<tr>) und Spalten(<td>) zeigt sich auf die gleiche Weise. Sie können die Tabellenränder sehr gut ausblenden, um nur den Text anzuzeigen.Die Verwendung des
<dd>TagEl
<dd>Tag dient der Formatierung von Definitionen. Aber es erzeugt auch einen Zeilenumbruch und einen einen Tabulator!
, Der nichtbrechende RaumEin Teil des HTML-Codes, den ich in dem Tabellenbeispiel verwendet habe, ist das "nicht umbrechende Leerzeichen", das wie in HTML kodiert ist. Das gibt Ihnen einfach etwas Platz. Kombiniert mit einem Zeilenumbruch,
<br>können Sie einige tabulatorähnliche Effekte erzeugen.
Test<br/>
<pre> </pre>test<br/>
<pre> </pre>test1<br/>sollte dies so wiedergegeben werden:
Test
test
test1
Bisher gab es eine Reihe von guten und schlechten Antworten, aber anscheinend hat sich noch niemand damit befasst, wie man zwischen den Lösungen wählen kann.
Die erste Frage, die sich stellt, ist "In welchem Verhältnis stehen die angezeigten Daten zueinander?" . Sobald diese Frage beantwortet ist, sollte die von Ihnen verwendete HTML-Struktur offensichtlich sein.
Bitte aktualisieren Sie die Frage, indem Sie mehr über die Struktur des anzuzeigenden Inhalts erklären, dann sollten Sie bessere Antworten erhalten. Im Moment ist alles von der Verwendung von <pre> zu Tabellen könnte die beste Lösung sein.
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.
