2014-11-19 14 views
5

In questo caso:nowrap spazio bianco sulla durata

<td> 
     Some Text 
     <span class="Icon"></span> 
</td> 

voglio ottenere l'interruzione di riga, se necessario, il mio testo, ma non voglio che il mio arco per ottenere su una nuova linea, voglio che sempre attenersi a una parte del testo. Come posso farlo?

Grazie,

+0

possibile chiarire per le 3 cose: avete 'Alcuni Text', e poi "il mio testo", e poi "il testo" - cosa sono esattamente? –

+0

beh, mi riferisco ad alcuni testi nella descrizione usando il mio testo e il testo (dal momento che abbiamo solo "alcuni testi" nel codice?!?!?) – Mina

+0

Quindi vuoi che l'elemento span sia sempre il prossimo testo ? Se non vuoi che lo span entri in una nuova riga, imposta il display su inline-block ... e si attaccherà sempre a una parte del testo, esattamente quello che hai chiesto, a meno che non capisca la domanda – EaziLuizi

risposta

2

Sostituire tutti gli spazi prima della span con un singolo spazio no-break (se volete un po 'la spaziatura per apparire tra il testo e tutto ciò che il rendering è stato designato per il span, se non la spaziatura è desiderato, omettere lo &nbsp;).

<td> 
     Some Text&nbsp;<span class="Icon"></span> 
</td> 
7

Come ho risolto il mio problema

<table style="width:100px"> 
<tr> 
    <td> 
     I am Showing you what <span style=" white-space: nowrap;">I meant 
     <span> Blah Blah </span></span> 
    </td> 

</tr> 

http://jsfiddle.net/v86tvqn0/

Problemi correlati