2009-08-29 8 views
11

c'è un equivalente per il carattere speciale di console '\ t' in html?spaziatura tabulazione

+0

Come definirebbe 'equivalente' in quel caso? –

risposta

12

Utilizzare tabelle per dati tabella.

Non esiste un modo standard per tabellare i dati senza una tabella (una tabella reale utilizzando la tabella <> o falsificandola con CSS display).

+5

Dove ha menzionato i dati tabulari? – Sampson

+7

@Sampson, quale altra cosa che i dati potrebbero tabulare? – strager

3

Non che io sappia, di solito uso & nbsp; o pre elementi.

3

Altro che fare affidamento su spazi non di rottura, è possibile utilizzare un carattere di tabulazione letterale all'interno dell'elemento pre o specificando white-space: pre come tale:

<p id="foo">tab  between</p> 
<style> 
p#foo { 
    white-space:pre; 
} 
+1

Questo dipende dal comportamento del browser, purtroppo. – strager

+0

@strager: da quale comportamento del browser dipende? – Ryan

3

Si potrebbe utilizzare text-indent regola di CSS da applicare un rientro predefinito alla prima riga di un blocco di testo.

<p style="text-indent:20px;">Hello World. I'm indented 20px.</p> 
9

All'interno delle <pre> tag è possibile utilizzare & # 9; che è il simbolo unicode della tabulazione. Ma al di fuori del browser della sezione preformata lo mostrerà come uno spazio.

11

sto usando "& emsp;" sembra meglio di "& nbsp; & nbsp;"

1

avevo bisogno di catalogare un elenco semplice in html e utilizzato CSS per 'fingere', ecco il codice:

/*CSS classes*/ 
.text-tabs-1{float:left;} 

.text-tabs-2{ 
    float:left; 
    margin-left:190px; 
    display:block; 
    position:absolute; 
} 

.clearer{clear:both;} 

<!--HTML--> 

<p> 
<span class="text-tabs-1"><strong>Some text</strong>:</span><span class="text-tabs-2">Some indented text.</span><br /> 
<span class="text-tabs-1"><strong>Some text</strong>:</span><span class="text-tabs-2">Some indented text.</span><br /> 
<span class="text-tabs-1"><strong>Some text</strong>:</span><span class="text-tabs-2">Some indented text.</span><br /> 
<span class="text-tabs-1"><strong>Some text</strong>:</span><span class="text-tabs-2">Some indented text.</span><br /> 
</p> 

<div class="clearer"></div> 
-3

Se avete bisogno di una sola scheda, è possibile html falso utilizzando <dd> tag. L'uso di <dd> è un altro,

HTML <dd> Tag Un elenco descrizione, con i termini e le descrizioni: more information

ma funziona: D (utilizzato una sola volta).

+0

Se il collegamento interrompe questa risposta non sarà utile, inserire la risposta nella risposta non solo un collegamento – Matt