¿Cuál es la diferencia entre " " y ""?

Question

Ambos significan espacio, pero ¿hay alguna diferencia?

Answer 1

Uno es non-breaking space y el otro es un espacio normal. Un espacio sin interrupciones significa que la línea no debe estar envuelta en ese punto, al igual que no estaría envuelta en el medio de una palabra.

Además, como señala Svend en su comentario, los espacios sin interrupción no se colapsan.

Answer 2

La primera no se trata como un espacio en blanco por el analizador de HTML, el segundo es. Como resultado, no se garantiza que "" aparezca dentro de ciertas marcas HTML, mientras que el espacio no rompible siempre aparecerá.

Answer 3

@Zoidberg es correcto, ejemplo:

<h1>title</h1> <h2>date</h2> 

no mostrará el espacio entre las marcas de cabecera, con

& nbsp ; 

hará espacio :)

Answer 4

  debe ser manejado como una espacio en blanco.

   debe manipularse como dos espacios en blanco

'' puede ser manejado como un espacio en blanco no interesante

'' + '' puede ser manejado como una sola ''

Answer 5

Además de la otras respuestas aquí, los espacios sin interrupción no se "colapsarán" como lo harán los espacios comunes. Por ejemplo, tanto

<p>Word1   Word2</p> 

y

<p>Word1 Word2</p> 

rendirá el mismo en cualquier navegador, mientras que

<p>Word1&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Word2</p> 

mantendrá los espacios cuando se representa.

Answer 6

múltiples caracteres de espacio en blanco normal (espacio, tabulador y de salto de línea) son treated as one single white space character:

Para todos los elementos HTML, excepto PRE, secuencias de "palabras" espacio en blanco separadas (usamos el término "palabra" aquí para significar "secuencias de caracteres de espacio no blanco"). Cuando el formateo de texto, los agentes de usuario deben identificar estas palabras y las ponen a cabo de acuerdo con las convenciones del lenguaje particular por escrito (guión) y el medio de destino.

Así

foo bar 

se muestra como

foo bar 

Pero siempre se visualiza el espacio no-break.Así

foo&‍nbsp;&‍nbsp;&‍nbsp;bar 

se muestra como

foo bar 

Answer 7

Como ya se ha mencionado, no recibirá un salto de línea, donde hay un "espacio no-break".

También tenga cuidado, que los elementos que contienen solo un "" pueden aparecer incorrectamente, donde & nbsp; trabajará. En ie 6 como mínimo (por lo que recuerdo, IE7 tiene el mismo problema), si tiene un elemento de tabla vacío, no aplicará estilo, por ejemplo, bordes, al elemento, si no hay contenido, o solo blanco espacio. Así que lo siguiente no se debe reproducir con fronteras:

<td></td> 
<td> <td> 

Considerando que las fronteras se mostrarán en este ejemplo:

<td>& nbsp;</td> 

Hmm -tenía que poner en un espacio ficticio conseguirlo a transmitir correctamente aquí

Answer 8

La entidad   produce un espacio sin interrupciones, que se utiliza cuando no se desea un salto de línea automático en esa posición. El espacio regular tiene el código de carácter 32, mientras que el espacio sin interrupción tiene el código de carácter 160.

Por ejemplo, cuando visualiza números con espacio como separador de miles: 1 234 567, utiliza espacios sin interrupción para que el número no se puede dividir en líneas separadas. Si muestra la moneda y hay un espacio entre el monto y la moneda: 42 SEK, entonces utiliza un espacio sin interrupción para que no obtenga el monto en una línea y la moneda en la siguiente.

Answer 9

Al tener saltos de línea, la línea no se romperá cuando use $ bnsp; porque es un "espacio sin interrupciones". Esto puede ser importante si tiene ciertos nombres de productos o similares, que siempre se escribirán juntos.

Puede ser interesante si tiene que usar un espacio en blanco como delimitador en números, como 12344567, que se muestra 12 344 567 en Francia. Sin el  , la línea se rompería en el medio del número, muy fea. Prueba: 12 344 567

Answer 10

No es una respuesta tanto como un ejemplo ..

Ejemplo # 1:

<div style="width:45px; height:45px; border: solid thin red; overflow: visible"> 
    Hello&nbsp;There 
</div> 

Ejemplo # 2:

<div style="width:45px; height:45px; border: solid thin red; overflow: visible"> 
    Hello There 
</div> 

Y enlace al fiddle.

Answer 11

  es apilable, lo que significa que puede crear múltiples espacios juntos.

HTML sólo analizará un espacio '' y se cae el resto ...

Si desea cinco espacios, colocaría 5 x  

Answer 12

Hay una gran cantidad de diferentes tipos de espacios, como espacio delgado, espacio em, espacio sin interrupción ... Jon Tan ha realizado una descripción de los más comunes at his blog.

Answer 13

Se puede ver un ejemplo de trabajo aquí:

http://codepen.io/anon/pen/GJzBxo

y

http://codepen.io/anon/pen/LVqBQo

mismo div, mismo texto, diferentes "espacios"

<div style="width: 500px; background: red"> [loooong text with spaces]</div> 

vs

<div style="width: 500px; background: red"> [loooong text with &nbsp;]</div>