Ambos significan espacio, pero ¿hay alguna diferencia?¿Cuál es la diferencia entre " " y ""?
Respuesta
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.
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á.
@Zoidberg es correcto, ejemplo:
<h1>title</h1> <h2>date</h2>
no mostrará el espacio entre las marcas de cabecera, con
& nbsp ;
hará espacio :)
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 ''
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 Word2</p>
mantendrá los espacios cuando se representa.
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   bar
se muestra como
foo bar
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í
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.
Buenos ejemplos de uso nbsp. Yo estaba buscando un poco, pero no podía pensar en ellos. – Pete
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
No es una respuesta tanto como un ejemplo ..
Ejemplo # 1:
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div>
Ejemplo # 2:
<div style="width:45px; height:45px; border: solid thin red; overflow: visible">
Hello There
</div>
Y enlace al fiddle.
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
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.
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 ]</div>
¿Puede explicarme por qué rechazó esta respuesta? –
Lo he votado arriba. Creo que no explica las cosas. Sin embargo, está señalando algo visual que es útil. – Nishant
- 1. Diferencia entre y
- 2. ¿Cuál es la diferencia entre {0} y ""?
- 3. Cuál es la diferencia entre = y: =
- 4. ¿Cuál es la diferencia entre .ToString (+) y ""
- 5. Cuál es la diferencia entre $ (...) y `...`
- 6. ¿cuál es la diferencia entre:.! y: r !?
- 7. ¿Cuál es la diferencia entre ".equals" y "=="?
- 8. ¿Cuál es la diferencia entre dict() y {}?
- 9. ¿Cuál es la diferencia entre `##` y `hashCode`?
- 10. ¿Cuál es la diferencia entre "$^N" y "$ +"?
- 11. ¿Cuál es la diferencia entre [indefinido] y [,]?
- 12. ¿Cuál es la diferencia entre + = y = +?
- 13. Cuál es la diferencia entre $ y jQuery
- 14. OpenGL (ES) - ¿Cuál es la diferencia entre frustum y orto?
- 15. Cuál es la diferencia entre la función() {}() y la función() {}()
- 16. ¿Cuál es la diferencia entre la abstracción y la encapsulación?
- 17. ¿Cuál es la diferencia entre @ y $ y% en MSBuild?
- 18. ¿Cuál es la diferencia entre la vinculación estática y dinámica?
- 19. ¿Cuál es la diferencia entre la sección .got y .got.plt?
- 20. ¿Cuál es la diferencia entre el colado y la coerción?
- 21. ¿cuál es la diferencia entre el complemento y la biblioteca?
- 22. ¿Cuál es la diferencia entre el casting y la conversión?
- 23. ¿Cuál es la diferencia entre WPF y la aplicación Silverlight?
- 24. ¿Cuál es la diferencia entre uno mismo y la ventana?
- 25. ¿Cuál es la diferencia entre CookieContainer y la colección Response.Cookies?
- 26. ¿Cuál es la diferencia entre la relación Composición y Asociación?
- 27. ¿cuál es la diferencia entre el material y la textura?
- 28. ¿Cuál es la diferencia entre el marco y la arquitectura?
- 29. ¿Cuál es la diferencia entre la carpeta vim72 y vimfiles?
- 30. ¿cuál es la diferencia entre la lex y yacc
son también no se aplasta, que es probablemente el aspecto más importante de su uso (al menos, eso es lo que tienden a utilizar ellos, cosas almohadilla a cabo, rápida y fácil) – Svend
Buen punto. Añadiré eso. –
Prototipo: no use el 15% de nbsp; s seguidos para espaciar algo. Me vuelve loco cuando veo gente haciendo eso. Use relleno o margen de CSS. –