Maison >interface Web >tutoriel CSS >Comment puis-je conserver plusieurs espaces en HTML sans utiliser   ?

Comment puis-je conserver plusieurs espaces en HTML sans utiliser   ?

Patricia Arquette
Patricia Arquetteoriginal
2024-12-05 17:01:11304parcourir

How Can I Preserve Multiple Spaces in HTML Without Using  ?

CSS pour conserver plusieurs espaces en HTML sans  

En HTML, les espaces entre les mots sont normalement compressés. Cependant, il existe des cas où plusieurs espaces sont requis, par exemple lors de l'utilisation de polices de codes-barres pour correspondre au nombre de caractères. En utilisant   pour forcer plusieurs espaces, cela pose des problèmes de compatibilité dans Internet Explorer et Firefox, car la police du code-barres n'est pas appliquée et les espaces sont omis.

Pour résoudre ce problème, utilisez la propriété CSS white-space. En définissant white-space: pre ou white-space: pre-wrap, le contenu du texte sera conservé en entrée, en conservant plusieurs espaces.

Par exemple, le code CSS et HTML suivant conserverait les multiples espaces dans la police du code-barres :

.barcode {
    font-family: Courier;
    white-space: pre;
}
<span class="barcode">*AA-XXXX    *</span>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn