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
Libérer: 2024-12-05 17:01:11
original
309 Les gens l'ont consulté

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;
}
Copier après la connexion
<span class="barcode">*AA-XXXX    *</span>
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
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
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal