Qual è il contrario di un nbsp?


87

Un  carattere è uno spazio che non consente l'interruzione di riga.

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

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

Qual è il contrario di quello? Cioè, un carattere che NON viene visualizzato come uno spazio, ma PU essere utilizzato per l'interruzione di riga.

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

|foo supercalifragi |
|listicexpiali      |
|docious bar        |

or with wider size:

|foo supercalifragilisticexpiali   |
|docious bar                       |

Sono consapevole del carattere trattino morbido , ma per i miei scopi, in particolare non voglio aggiungere un trattino all'interruzione.

Risposte:


96

Vuoi il carattere Unicode ZERO-WIDTH SPACE (\ u200B).

Puoi ottenerlo in HTML con &#8203;o &#x200b;.

Interruzioni e non interruzioni esplicite:

LB7: non interrompere prima degli spazi o dello spazio di larghezza zero.
LB8: interrompi prima di qualsiasi carattere che segue uno spazio di larghezza zero, anche se intervengono uno o più spazi.
http://unicode.org/reports/tr14/


L'ho provato, non produce un'interruzione di riga in Firefox 3.5.7.
Noon Silk

19
Non è pensato per produrre un'interruzione di riga esplicita. Ha lo scopo di indicare un punto in cui la linea può essere spostata se è troppo lunga per adattarsi ovunque dovrebbe andare.
Anon.

13
Bene, questo è IE6 per te.
Mike Weller

2
Quindi ... questo personaggio può essere malvagio perché se copi il contenuto che lo contiene (in editor che supportano l'unicode che giocheranno felicemente) sarai inconsapevole della sua presenza e causerà ad esempio i compilatori di soffocarlo. difficile. Ad esempio Chrome ti dirà "CARATTERE ILLEGALE" ma non ti indicherà dove si trova. Userei questo trucco, certo, come ultima risorsa
Steven Lu

1
L'alternativa visibile è un trattino.
davidcondrey

38

C'è anche il poco conosciuto tag wbr , che permette al browser di decidere se interrompere o meno la riga.


1
Va notato che questo non è standard e non è supportato in tutti i browser.
Brian Campbell,

1
@ Brian, controlla il link quirksmode postato da Fredden.
nickf

10
Se è abbastanza buono per Facebook, è abbastanza buono per tutti ;-)
Martin Bean

1
WBR funziona con Chrome 34.0.1847.131 m, Firefox 29.0.1 e Opera Chromium 12.17. Non funziona in IE 11.0.9600.17105.
Dave Burton

<wbr> aggiunge un -?
beppe9000

16

C'è una bella pagina su quirksmode.org che risponde abbastanza bene a questa domanda IMHO. http://www.quirksmode.org/oddsandends/wbr.html

In breve: usa <wbr /> o & # 8203; (o & timido; ma hai detto che non vuoi il trattino).


Non tutte queste possibilità sono supportate da tutti i browser. Immagino che & # 8203; è la soluzione migliore in quanto la maggior parte dei browser dovrebbe essere in grado di riconoscere Unicode.
AndiDog

e gli utenti di IE6 ottengono un brutto glifo apparentemente ... il mio cuore piange.
nickf


1

Puoi usare la proprietà CSS3 chiamata a capo automatico

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

Spero che sia d'aiuto!


2
Funziona solo se non ti interessa dove viene aggiunta l'interruzione di riga.
JJJ

La questione è stabilire una posizione in una parola specifica dove interrompere, non come abilitare la pausa lavorativa in generale.
Frode Evensen

-5

ci sono molte discussioni su questo, ma è diventato più o meno standard da usare &shy;


5
Questo è un trattino morbido, che il richiedente non voleva.
Chiocciola meccanica
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.