Comment créer une chaîne avec plusieurs espaces en JavaScript

Question

En créant une variable

var a = 'something' + '        ' + 'something'

Je reçois cette valeur: 'something something'.

Comment créer une chaîne avec plusieurs espaces en JavaScript?

Answer 1

Utilisation \xa0 - c'est un NO-BREAK SPACE char.

Référence de table de codage UTF-8 et caractères Unicode , vous pouvez écrire comme suit:

var a = 'something' + '\xa0\xa0\xa0\xa0\xa0\xa0\xa0' + 'something';

Answer 2

Utilisation  

C'est l'entité utilisée pour représenter un espace insécable. Il s’agit essentiellement d’un espace standard, la principale différence étant qu’un navigateur ne doit pas casser (ni renfermer) de texte à la place occupée par celui-ci.

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something'

Espace non-cassant

Une entité de caractère commune utilisée en HTML est l’espace insécable (nbsp;).

N'oubliez pas que les navigateurs tronqueront toujours les espaces dans les pages HTML. Si vous écrivez 10 espaces dans votre texte, le navigateur en supprimera 9. Pour ajouter des espaces réels à votre texte, vous pouvez utiliser l'entité de caractère nbsp; .

http://www.w3schools.com/html/html_entities.asp

Démo

var a = 'something' + '&nbsp &nbsp &nbsp &nbsp &nbsp' + 'something';

document.body.innerHTML = a;

Answer 3

Vous pouvez utiliser la balise <pre> Avec innerHTML. L'élément HTML <pre> Représente un texte préformaté qui doit être présenté exactement tel qu'il est écrit dans le fichier HTML. Le texte est généralement rendu avec une police non proportionnelle ("monospace"). Les espaces blancs à l'intérieur de cet élément sont affichés tels qu'ils sont écrits. Si vous ne voulez pas d'une police différente, ajoutez simplement pre en tant que sélecteur dans votre fichier CSS et donnez-lui le style souhaité.

Ex:

var a = '<pre>something        something</pre>';
document.body.innerHTML = a;