2010-12-21 12 views
23

Estoy usando una fuente de código de barras "Free 3 of 9 Extended Regular" y la impresión necesita tener espacios múltiples en algunos casos, para que coincida con el número de caracteres en el campo. Ejemplo:..Múltiples espacios entre palabras en HTML sin  

*AA-XXXX *" 

(cuatro espacios siguen el número de artículo para hacer los 12 caracteres El lector de código de barras me dará un error si hay menos personajes

nbsp; obligará a múltiples espacios, sin embargo, IE y Firefox los muestra como espacios de fuentes estándar y no usan la fuente de código de barras. El código de barras se muestra dividido entre los caracteres que no son de espacio. (Por cierto, solo IE 6 muestra nbsp; en la fuente adecuada). Si utilizo un espacio normal , recorta el número de espacios hacia abajo y muestra solo uno.

Gracias i n avance.

Respuesta

63

ver la propiedad css white-space

Usando

.barcode{ 
    white-space:pre; /* or pre-wrap if you want wrapping to still work. */ 
} 

y

<span class="barcode">*AA-XXXX *"</span> 

hará el truco.

.barcode{ 
 
    font-family:Courier; 
 
    white-space:pre; /* or pre-wrap if you want wrapping to still work.*/ 
 
}
<span class="barcode">*AA-XXXX *"</span>

demostración externa: http://www.jsfiddle.net/gaby/Z3gkq/

+0

Gracias, pre hizo el truco . –

+0

Si vienes desde Google solo buscando preservar el espacio en blanco, usa pre-wrap, no pre, a menos que quieras que el texto nunca se rompa en una nueva línea ... http://www.w3schools.com/cssref/pr_text_white- space.asp –

+0

@StefanSteiger Sí, lo menciono en el comentario de CSS en mi código –

12

Utilice <pre> cuando el espacio en blanco sea significativo.

6

Puede recuperar todos los espacios con &#160

+1

Esta es una muy buena respuesta. No estoy seguro de por qué el voto abajo. +1 – Dan

+8

[' ' es lo mismo que '&nsbp;'] (http://stackoverflow.com/a/3274322/2741678). – Sumit

-1

me gusta utilizar este espacio en blanco especial que HTML y JavaScript no detecta como espacio en blanco. -> ""

Se ve mejor en el extremo del código también.

ACTUALIZACIÓN

Parece que la pila sobre el flujo reemplaza con un espacio regular de modo que aquí es el código ASCII para que

diciembre 160 Hex A0 octubre 240

+0

He comprobado el código ASCII de tu char en "" y es 32, que es solo un espacio regular ... ¿Lo has pegado mal? – Applez00800

+0

Eso es extraño, no es de extrañar que obtuviera el voto negativo. Me pregunto si fue reemplazado. Se supone que debe ser Dec 160 - Hex A0 - Oct 240. –

Cuestiones relacionadas