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
Ich denke, dass es am einfachsten ist, UL/LI-HTML-Tags zu verwenden und dann die Symbole vor der Liste mit CSS zu bearbeiten (und bei Bedarf zu entfernen).
Dann erhalten Sie etwas wie:
Weitere Informationen und ein funktionierendes Beispiel zum Ausprobieren.
Wenn Sie Tabulatoren (Tabulatorzeichen) anzeigen müssen, verwenden Sie eine PRE Element (oder jedes Element mit der white-space: pre; CSS angewendet).
<!doctype html>
<html>
<head>
<title>Test</title>
<style type="text/css">
pre { white-space: pre; }
</style>
</head>
<body>
<p>This is a normal paragraph, blah blah blah.</p>
<pre>This is preformatted text contained within a <code>PRE</code> element. Oh, and here are some tab characters, each of which are displayed between two arrows: </pre>
</body>
</html>Sie können auch die HTML-Entität 	 anstelle des eigentlichen Tabulatorzeichens.
Ich bin kein Fan davon, CSS zu verwenden, um ein Tabulatorzeichen zu simulieren.
Für die Einrückung, ja, auf jeden Fall CSS verwenden - aber no für Tabulator-Zeichen.
Bei einem einzelnen Tab würde ich durch "" ersetzen. " (4 Leerzeichen).
Dies ist ähnlich wie bei der Formatierung Ihrer Frage für die Anzeige.
Der zusätzliche Vorteil ist (wenn jemand Ihren Text kopiert)
werden die Abstände beim Einfügen in Word oder Notepad beibehalten.
Beispiel:
Test<br />
test<br />
test1Hinweis: Wenn Ihr Text in einem <pre> Tag, dann ist die Antwort von @Boldewyn die bessere Option.
Beachten Sie, dass der Text in der <pre> Tag möglicherweise anders dargestellt als erwartet.
Ich weiß, dass dies ein alter Beitrag ist, aber vielleicht möchte jemand die folgende Liste verwenden, um eine eingerückte Liste zu erstellen (unter Verwendung eines _Liste der Beschreibungen_ )
Meiner Meinung nach ist dies ein viel saubererer Weg als viele der anderen Antworten hier und kann die am besten Weg zu gehen:
Sie verwendet nicht einen Haufen von Whitespace-Zeichen (was wenig Kontrolle über die Formatierung der Stile bietet)
Sie verwendet nicht die <pre> Tag, der nur für die Formatierung verwendet werden sollte (meiner Meinung nach sollte dies so ziemlich der letzte Ausweg oder ein Spezialfall in HTML sein); <pre> Tag ist ebenfalls weißraumabhängig und nicht CSS-abhängig, wenn es so verwendet wird, wie es vorgesehen ist
w3-Schulen sagt zu verwenden Sie die
<pre>Element bei der Anzeige von Text mit ungewöhnlicher Formatierung oder einer Art von Computercode .
Beschreibungslisten mehr Kontrolle in Bezug auf Formatierung und Hierarchie ermöglichen
Die Antwort von @geowa4 ist meines Erachtens eine weitere gute Möglichkeit, dies zu erreichen. <div> s ermöglichen die Kontrolle des Stils, und je nach Verwendungszweck/Zielsetzung kann seine Antwort die folgende sein am besten Weg zu gehen.
<dl> <dt>Test</dt> <dd> <dl> <dt>test</dt> <dd>test1</dd> </dl> </dd> </dl>
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.
