¿Qué es lo opuesto a un nbsp?


87

Un  carácter es un espacio que no permite saltos de línea.

<p>lorem ipsum here&nbsp;are&nbsp;some&nbsp;words and so on</p>

| lorem ipsum                |
| here are some words and so |
| on                         |

¿Qué es lo opuesto a eso? Es decir, un carácter que NO se representa como un espacio, pero que PUEDE usarse para saltos de línea.

<p>foo supercalifragilisticexpialidocious bar</p>
<!--   put char here ^   and here ^ -->

|foo supercalifragi |
|listicexpiali      |
|docious bar        |

or with wider size:

|foo supercalifragilisticexpiali   |
|docious bar                       |

Soy consciente del carácter de guión suave , pero para mis propósitos, específicamente no quiero que se agregue un guión en la pausa.

Respuestas:


96

Quieres el carácter Unicode ESPACIO DE ANCHO CERO (\ u200B).

Puede obtenerlo en HTML con &#8203;o &#x200b;.

Pausas explícitas y no pausas:

LB7: No rompa antes de espacios o espacio de ancho cero.
LB8: Salto antes de cualquier carácter que siga a un espacio de ancho cero, incluso si intervienen uno o más espacios.
http://unicode.org/reports/tr14/


Probé esto, no produce un salto de línea en Firefox 3.5.7.
Mediodía Silk

19
No está destinado a producir un salto de línea explícito. Está destinado a indicar un punto donde la línea se puede envolver si es demasiado larga para caber donde se supone que debe ir.
Anon.

13
Bueno, eso es IE6 para ti.
Mike Weller

2
Entonces ... este personaje puede ser maligno porque si copia contenido que lo contenga (en editores con reconocimiento de Unicode que lo seguirán felizmente) no se dará cuenta de su presencia y hará que, por ejemplo, los compiladores se ahoguen con él. difícil. Por ejemplo, Chrome le dirá "CARÁCTER ILEGAL" pero no le indicará dónde está. Usaría este truco ciertamente ingenioso como último recurso
Steven Lu

1
Su alternativa visible es un guión.
davidcondrey

38

También existe la etiqueta wbr poco conocida , que permite al navegador decidir si romper la línea o no.


1
Cabe señalar que esto no es estándar y no es compatible con todos los navegadores.
Brian Campbell

1
@Brian, revisa el enlace de quirksmode que publicó fredden.
nickf

10
Si es lo suficientemente bueno para Facebook, es lo suficientemente bueno para todos ;-)
Martin Bean

1
WBR funciona en Chrome 34.0.1847.131 m, Firefox 29.0.1 y Opera Chromium 12.17. No funciona en IE 11.0.9600.17105.
Dave Burton

¿<wbr> agrega un -?
beppe9000

16

Hay una bonita página en quirksmode.org que responde a esta pregunta bastante bien en mi humilde opinión. http://www.quirksmode.org/oddsandends/wbr.html

En resumen: utilice <wbr /> o & # 8203; (o & shy; pero mencionaste que no quieres el guión).


No todos los navegadores admiten todas estas posibilidades. Supongo & # 8203; es la mejor solución ya que la mayoría de los navegadores deberían poder reconocer Unicode.
AndiDog

y los usuarios de IE6 obtienen un glifo feo aparentemente ... mi corazón llora.
nickf


1

Puede usar la propiedad CSS3 llamada ajuste de palabras

p.test {word-wrap:break-word;}

¡Espero eso ayude!


2
Esto solo funciona si no le importa dónde se agrega el salto de línea.
JJJ

La cuestión es establecer una posición en una palabra específica donde romper, no cómo habilitar el descanso laboral en general.
Frode Evensen

-5

Hay mucha discusión sobre esto, pero se ha vuelto más o menos estándar de usar &shy;


5
Este es un guión suave, que el autor de la pregunta no quiso.
Caracol mecánico
Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.