tag - Cómo crear cadenas con múltiples espacios en JavaScript

string with html tags javascript

Question

Al crear una variable

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

Obtengo este valor: ''something something'' .

¿Cómo puedo crear una cadena con múltiples espacios en JavaScript?

Answer 1

Puede usar la etiqueta <pre> con innerHTML. El elemento HTML <pre> representa texto preformateado que se presenta exactamente como está escrito en el archivo HTML. El texto normalmente se representa utilizando una fuente no proporcional ("monoespacio"). El espacio en blanco dentro de este elemento se muestra como está escrito. Si no desea una fuente diferente, simplemente agregue pre como un selector en su archivo CSS y ajústelo como desee.

Ex:

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

Answer 2

Use /xa0 - es un char de NO-BREAK SPACE .

La referencia de la tabla de codificación UTF-8 y los caracteres Unicode , puede escribir de la siguiente manera:

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

Answer 3

Utilice  

Es la entidad utilizada para representar un espacio de no ruptura. Esencialmente es un espacio estándar, la principal diferencia es que un navegador no debe romper (o ajustar) una línea de texto en el punto que ocupa.

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

Espacio irrompible

Una entidad de caracteres comunes utilizada en HTML es el espacio de no separación (& nbsp;).

Recuerde que los navegadores siempre truncarán los espacios en las páginas HTML. Si escribe 10 espacios en su texto, el navegador eliminará 9 de ellos. Para agregar espacios reales a su texto, puede usar la & nbsp; entidad de carácter.

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

Manifestación

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

document.body.innerHTML = a;