Come posso creare il rientro della tabulazione in html

Ho una situazione come segue

Test

test

test1

Devo aggiungere una scheda dopo il 2 ° test e il 3 ° test

in modo che assomigli a questo.

Test
test
test1

Esiste un’ quadro HTML speciale o un carattere speciale per TAB. per esempio. Spazio non interrotto == & nbsp;

Grazie

O dei, tavoli?

Sembra un caso d’uso ovvio per gli elenchi, con margine variabile e tipo di elenco: nessuno; condito a piacere.

Il modo più semplice che posso pensare sarebbe quello di posizionare il testo in div nidificati. Quindi aggiungi margine a sinistra di div. Crollerà a cascata, dandoti indentazione.

Test1
Test2
Test3

Con il CSS:

 #testing div { margin-left: 10px;/*or whatever indentation size you want*/ } 

Con quelli, avrai un bel albero, non importa quanti livelli in profondità vuoi andare.

EDIT: puoi anche usare il padding-left se vuoi.

Se vuoi davvero utilizzare le tabs (== caratteri tabulatore), devi andare con la seguente soluzione, che non consiglio:

 
 test 	test 		test 

o sostituire


con

per ottenere lo stesso effetto dell’elemento pre. Puoi anche inserire un carattere di tabulazione letterale invece di escape .

Non lo consiglio per la maggior parte degli utilizzi, perché non è realmente semantico, cioè dalla visualizzazione della sorgente HTML un programma non può dedurre alcuna informazione utile (come, ad esempio, “questa è un’intestazione” o simili). Faresti meglio a usare uno degli esempi a margin-left delle altre risposte. Tuttavia, se desideri visualizzare alcuni elementi come il codice sorgente o tale, la soluzione sopra lo farebbe.

Saluti,

Ci sono state una serie di risposte positive e negative finora, ma sembra che nessuno si sia rivolto al modo in cui è ansible scegliere tra le soluzioni.

La prima domanda da porsi è “Qual è la relazione tra i dati visualizzati?” . Una volta che questo è stato risolto, la struttura HTML che usi dovrebbe essere ovvia.

Si prega di aggiornare la domanda spiegando di più sulla struttura del contenuto che è necessario visualizzare e si dovrebbe trovare che si ottiene risposte migliori. Al momento tutto ciò che riguarda l’utilizzo di


ai tavoli potrebbe essere la soluzione migliore.

Penso che la cosa più semplice da fare sia usare i tag html UL / LI e quindi manipolare (e rimuovere se necessario) i simboli davanti all’elenco con i CSS.

Quindi ottieni qualcosa come:

  • Test
  • test2
    • Test 3

Ulteriori informazioni + esempio di lavoro che puoi provare.

Vedi Creare una “Tab” in HTML da Neha Sinha:

preformattato

Puoi inserire caratteri di tabulazione direttamente nel tuo codice HTML se utilizzi il testo “preformattato”. In HTML, testo surround che desideri “preformattato” in una coppia di


"


" e " " di inizio e fine .

tabelle

Puoi utilizzare una tabella html in modo che tutto ciò che inserisci nel set di righe (

) e colonne (

) si presenti allo stesso modo. Puoi benissimo hide i bordi della tabella per mostrare il testo da solo.

Usando il

Il tag

è per le definizioni di formattazione. Ma creerà anche un'interruzione di riga e crei una scheda!

  , Lo spazio senza interruzioni

Un bit di codice HTML che ho usato nell'esempio di tabella è lo "spazio non interrotto", codificato come in HTML. Questo ti dà solo un po 'di spazio. Combinato con un'interruzione di riga,
, puoi creare effetti tabulazione.

Esempio

 Test
 

test

 

test1

questo dovrebbe rendere come:

 Test test test1 

Se è necessario visualizzare le tabs (caratteri tabulatore), utilizzare un elemento PRE (o qualsiasi elemento con lo white-space: pre; CSS applicato ad esso).

 < !doctype html>   Test    

This is a normal paragraph, blah blah blah.

This is preformatted text contained within a PRE element. Oh, and here are some tab characters, each of which are displayed between two arrows: ← → ← → ← → ← →

Puoi anche utilizzare l’entity framework HTML invece del carattere tab effettivo.

Mi rendo conto che questo è un vecchio post, tuttavia qualcuno potrebbe voler usare il seguente elenco per creare un elenco rientrato (usando un elenco di descrizioni )


A mio parere, questo è un modo molto più pulito rispetto a molte delle altre risposte qui e potrebbe essere il modo migliore per procedere:

  • Non usa un gruppo di caratteri di spaziatura (che dà poco controllo in termini di formattazione per gli stili)
  • Non usa il tag
    
    

    , che dovrebbe essere usato solo per la formattazione (a mio parere, questo dovrebbe essere praticamente l'ultima risorsa o un caso speciale in HTML);

    
    

    tag

    
    

    è anche dipendente dagli spazi bianchi e non dipende da CSS quando viene utilizzato nel modo in cui è inteso per essere utilizzato

    w3schools dice di utilizzare l'elemento

    
    

    durante la visualizzazione di testo con formattazione insolita o una sorta di codice computer .

  • gli elenchi di descrizione consentono un maggiore controllo in termini di formattazione e gerarchia
  • La risposta di @ geowa4, direi, è un altro ottimo modo per ottenere questo risultato.

    s consente il controllo dello stile e, a seconda dell'uso / dell'objective, la sua risposta potrebbe essere la soluzione migliore .

 
Test
test
test1