Qual è la differenza tra " " e ""?

Question

Entrambi significano spazio, ma c'è qualche differenza?

Answer 1

Uno è non-breaking space e l'altro è uno spazio regolare. Uno spazio non interrotto significa che la linea non deve essere avvolta in quel punto, proprio come se non fosse avvolta nel mezzo di una parola.

Inoltre, come sottolinea Svend nel suo commento, gli spazi non interrotti non sono crollati.

Answer 2

Il primo non è trattato come spazio bianco dal parser HTML, il secondo è. Di conseguenza non è garantito che il "" venga visualizzato all'interno di determinati markup HTML, mentre lo spazio non interrompibile verrà sempre visualizzato.

Answer 3

@Zoidberg ragione, esempio:

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

non visualizzerà spazio tra intestazione markup, con

& nbsp ; 

farà spazio :)

Answer 4

  devono essere trattate come spazi bianchi.

   vanno maneggiati come due spazi bianchi

'' può essere gestito come uno spazio bianco non interessante

'' + '' può essere trattato come un singolo ''

Answer 5

Oltre altre risposte qui, gli spazi non-breaking non saranno "collassati" come lo faranno gli spazi normali. Ad esempio, sia

<p>Word1   Word2</p> 

e

<p>Word1 Word2</p> 

renderà lo stesso su qualsiasi browser, mentre

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

manterrà gli spazi se fusi.

Answer 6

più spazi vuoti normali (spazio, tabulazione e di interruzione di riga) sono treated as one single white space character:

Per tutti gli elementi HTML tranne PRE, le sequenze di spazio bianco "parole" separate (usiamo la "parola" termine qui per significare "sequenze di caratteri spaziali non bianchi"). Durante la formattazione del testo, i programmi utente dovrebbero identificare queste parole e disporle secondo le convenzioni della particolare lingua scritta (script) e del supporto di destinazione.

Così

foo bar 

viene visualizzato come

foo bar 

Ma viene sempre visualizzato lo spazio no-break.Così

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

viene visualizzato come

foo bar 

Answer 7

Come già detto, non sarà possibile ricevere un'interruzione di linea in cui v'è uno "spazio no-break".

Fare attenzione, gli elementi contenenti solo un "" potrebbero essere visualizzati in modo errato, dove & nbsp; funzionerà. In ie 6 almeno (per quanto ricordo, IE7 ha lo stesso problema), se hai un elemento di tabella vuoto, non applicherà lo styling, ad esempio i bordi, all'elemento, se non c'è contenuto, o solo bianco spazio. Quindi quanto segue non sarà reso con i bordi:

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

considerando che i confini verranno visualizzati in questo esempio:

<td>& nbsp;</td> 

Hmm -had di mettere in uno spazio fittizio per farlo rendere correttamente qui

Answer 8

L'entità   produce uno spazio non interrotto, che viene utilizzato quando non si desidera un'interruzione di riga automatica in quella posizione. Lo spazio regolare ha il codice carattere 32, mentre lo spazio senza interruzioni ha il codice carattere 160.

Ad esempio quando si visualizzano numeri con spazio come separatore di migliaia: 1 234 567, quindi si utilizzano spazi non interrotti in modo che il numero non può essere diviso su righe separate. Se visualizzi la valuta e c'è uno spazio tra l'importo e la valuta: 42 SEK, quindi utilizzi uno spazio senza interruzioni in modo da non ottenere l'importo su una riga e la valuta sul successivo.

Answer 9

In caso di interruzioni di riga, la linea non si interromperà quando si utilizza $ bnsp; perché è uno 'spazio senza interruzioni'. Questo può essere importante se hai determinati nomi di prodotti o simili, che devono sempre essere scritti insieme.

Può essere interessante se si (deve) utilizzare uno spazio bianco come delimitatore in numeri, come 12344567, che viene visualizzato 12 344 567 in Francia. Senza lo   la linea si spezzerebbe nel mezzo del numero, molto brutto. Test: 12 344 567

Answer 10

Non è una risposta tanto quanto un esempi ..

Esempio # 1:

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

Esempio # 2:

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

E link a fiddle.

Answer 11

  è impilabile, ovvero è possibile creare più spazi tutti insieme.

HTML analizzare solo uno spazio '' e scende il resto ...

Se vuoi cinque spazi, si dovrebbe posizionare 5 x  

Answer 12

Ci sono un sacco di diversi tipi di spazi, come lo spazio sottile, lo spazio em, lo spazio non interrompente ... Jon Tan ha pubblicato una recensione dei più comuni at his blog.

Answer 13

Si può vedere un esempio di lavoro qui:

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

e

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

Stesso div, stesso testo, diversi "spazi"

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

vs

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