web-dev-qa-db-fra.com

Espaces multiples entre les mots en HTML sans nbsp;

J'utilise une police de code à barres "Free 3 of 9 Extended Regular" et l'impression doit avoir plusieurs espaces dans certains cas, pour correspondre au nombre de caractères dans le champ. Exemple:

*AA-XXXX    *"

(quatre espaces suivent le numéro de l'article pour faire les 12 caractères. Le lecteur de code-barres me donnera une erreur s'il y a moins de caractères.

nbsp; forcera plusieurs espaces, cependant, IE et Firefox affichent tous les deux comme des espaces de police standard et n'utilisent pas la police de code-barres. Le code-barres s'affiche comme divisé entre les caractères non-espace. ( Par ailleurs, seul IE 6 affiche nbsp; dans la police appropriée.) Si j'utilise un espace normal, il réduit le nombre d'espaces et n'en affiche qu'un.

Merci d'avance.

42
Ted Scheckler

Regarde le white-space propriété css

En utilisant

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

et

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

fera l'affaire.

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

démo externe : http://www.jsfiddle.net/gaby/Z3gkq/

88
Gabriele Petrioli

Utilisation <pre> lorsque l'espace est important.

21
Quentin

vous pouvez remplacer tous les espaces par &#160

10
Mahmoud Farahat