Ho alcune celle di tabella contenenti date formattate in questo modo: 2009-01-01. I.E 7 sembra rompere questi in due righe al trattino. C'è un modo per disattivarlo?Tabelle HTML - Come fare in modo che IE non interrompa le linee ai trattini
Si sta cercando il white-space property, che consente di controllare il modo in cui lo spazio bianco e le interruzioni di riga influiscono sul contenuto del proprio elemento. Per comprimere le sequenze di spazio bianco, ma evitare interruzioni di linea, è possibile utilizzare il valore nowrap:
.dates {
white-space: nowrap;
}
<td class="dates">2009-01-01</td>
Sono sicuro che c'è un modo CSS migliore, ma il vecchio modo è con un no-break: <nobr>...</nobr> ma l'uso di no-break causerà niente per passare alla riga successiva.
Un altro modo è utilizzare un Non-breaking hyphen. In questo modo, puoi ancora ottenere il wrapping, solo non al trattino.
Utilizzare questo CSS:
.nowrap {
white-space: nowrap;
}
avvolgere le date come: <span class="nowrap">2009-01-01</span>.
Modifica: il vantaggio di questa soluzione rispetto ad altri è che ti dà un controllo più preciso su ciò che dovrebbe o non dovrebbe avvolgere. Le tue cellule potrebbero ancora avvolgere spazi e altri trattini, al di fuori dell'intervallo.
aumento delle dimensioni del vostro TD e non sarà un problema
-1 Questo ha ottenuto 3 upvotes ... davvero? –
Questo è NON il modo corretto di rispondere alla tua domanda, ma questo è come lo faccio:
<td>Hello - World</td>
Mi piace questo metodo è migliore perché non è necessario aggiungere un attributo <style> o di classe. Inoltre, rende il testo una stringa in modo che non possa essere tracciata dal browser.
Come ho detto, la maggior parte delle persone non sarebbe d'accordo, ma penso che sia qui che una soluzione pratica è migliore della soluzione standard.
La soluzione proposta aggiunge spazi in cui non ci sono stati nella domanda, e molto probabilmente consente di avvolgere comunque il trattino. – eyelidlessness
Il mio stupido errore è stato che mi sono dimenticato di inserire gli spazi tra i due mentre spaziavo con il padding. Mi piaceva <span>Bla 1</span><span>Bla 2</span><span>Bla 4</span>
e non era una linea di rottura come pensavo. Così ora ho:
<span>Bla 1</span> <span>Bla 2</span> <span>Bla 4</span>
e naturalmente funziona come dovrebbe ed è anticipato.
Forse il mio errore aiuterà qualcuno ....
Ho provato tutti questi suggerimenti. Nessuno ha funzionato. Trovato la soluzione su un'altra pagina Overflow dello stack: No line-break after a hyphen. È possibile utilizzare il codice per il trattino senza interruzione, ‑.
Il trattino senza interruzione è la strada da percorrere. +1 – Borgar