2009-08-29 20 views
11

¿hay un equivalente a las consolas especiales char '\ t' en html?espaciado de tabulación

+0

¿Cómo definiría el 'equivalente' en ese caso? –

Respuesta

12

Utilice tablas para los datos de la tabla.

No hay una forma estándar de tabular datos sin una tabla (ya sea una tabla real que usa la tabla <> o la simula con CSS display).

+5

¿Dónde mencionó los datos tabulares? – Sampson

+7

@Sampson, ¿Qué otra cosa que datos podría tabular? – strager

3

No es que yo sepa, suelo usar & nbsp; o pre elementos.

3

Otro de confiar en espacios no de ruptura, se puede utilizar una pestaña carácter literal en el interior del elemento previo, o especificando white-space: pre como tal:

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

Eso depende del comportamiento del navegador, por desgracia. – strager

+0

@strager: ¿De qué comportamiento del navegador depende? – Ryan

3

Usted podría utilizar la regla de CSS text-indent aplicar una sangría predefinida a la primera línea de un bloque de texto.

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

Dentro de las <pre> etiquetas puede utilizar & # 9; que es el símbolo unicode de la tabulación. Pero fuera del navegador de secciones preformado se mostrará como un espacio.

11

Estoy usando "& emsp;" se ve mejor que "& nbsp; & nbsp;"

1

que necesitaba para tabular un simple listado en html y se utiliza CSS para 'falso', aquí está el código:

/*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

Si necesita sólo una ficha, se puede html falsa utilizando <dd> etiqueta. El uso de <dd> es otro,

HTML <dd> Tag Una lista de descripción, los términos y las descripciones: more information

pero funciona: D (sólo se utiliza una vez).

+0

Si el enlace se rompe, esta respuesta no será útil, traiga la respuesta a la respuesta, no solo un enlace – Matt

Cuestiones relacionadas