2010-01-12 27 views
82

Un   carácter es un espacio que no permite la ruptura de línea.¿Qué es lo opuesto a un nbsp?

<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 personaje que NO se representa como un espacio, pero PUEDE usarse para el corte 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 de la soft-hyphen character, pero para mis propósitos, que específicamente hacen no quieren un guión añadió al descanso.

+0

Nominando @NoRefundsNoReturns para el comentario más perspicaz de 2010 –

Respuesta

92

Desea el carácter Unicode ZERO-WIDTH SPACE (\ u00BBB).

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

rompe explícitos y no se rompe:

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

+0

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

+18

No está destinado a producir un salto de línea explícito. Está destinado a indicar un punto donde la línea * puede * ser envuelta si es demasiado larga para encajar en donde se supone que debe ir. –

+2

Ah, bueno, en ese caso, * does * work, y muy bien hecho. –

38

También es el poco conocido wbr tag, que permite al navegador para decidir si se rompe la línea o no.

+1

Se debe tener en cuenta que esto no es estándar y no es compatible con todos los navegadores. –

+1

@Brian, comprueba el enlace de la versión de capricho fredden publicado. – nickf

+10

Si es lo suficientemente bueno para Facebook, es lo suficientemente bueno para todos ;-) –

15

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

En resumen: use < wbr/> o & # 8203; (o & tímido, pero usted mencionó que no quiere el guión).

+0

No todas estas posibilidades son compatibles con todos los navegadores. Supongo que ​ es la mejor solución, ya que la mayoría de los navegadores deberían poder reconocer Unicode. – AndiDog

+0

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

-4

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

+4

Este es un guión suave, que el solicitante no deseaba. –

1

Puede utilizar la propiedad CSS3 llamados word-wrap

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

espero que ayude!

+1

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

Cuestiones relacionadas