Prevenire l'interruzione di linea dell'elemento di span

Question

Ho un elemento <span> che desidero visualizzare senza interruzioni di linea. Come lo posso fare?

Answer 1

mettere questo nel CSS:

white-space:nowrap; 

possibile ottenere ulteriori informazioni qui: http://www.w3.org/wiki/CSS/Properties/white-space

white-space

La proprietà white-space dichiara come lo spazio bianco all'interno dell'elemento viene gestito.

Valori

normal Questo valore dirige programmi utente a collassare le sequenze di spazio bianco, e rompere le linee fino a riempire tutte le caselle della riga.

pre Questo valore impedisce programmi utente collassare le sequenze di spazio bianco. Le linee vengono interrotte solo a newline nella sorgente o in occorrenze di "\ A" nel contenuto generato.

nowrap Questo valore crolla spazio bianco come per 'normale', ma sopprime interruzioni di riga all'interno del testo.

pre-wrap Questo valore impedisce agli agenti utente di comprimere sequenze di spazi bianchi. Le linee sono interrotte a newline nella sorgente, alle occorrenze di "\ A" nel contenuto generato e, se necessario, per riempire le caselle di riga.

pre-line Questo valore indirizza gli agenti utente a comprimere sequenze di spazi bianchi. Le linee sono interrotte a newline nella sorgente, alle occorrenze di "\ A" nel contenuto generato e, se necessario, per riempire le caselle di riga.

inherit Prende lo stesso valore specificato della proprietà per il genitore dell'elemento.

Answer 2

Se avete solo bisogno di evitare interruzioni di linea su caratteri di spazio, è possibile utilizzare   entità tra le parole:

No line break 

invece di

<span style="white-space:nowrap">No line break</span>