word-wrap di celle di tabella che non funzionano con le barre

Question

Sto provando a racchiudere il testo in un layout fisso ma non funziona quando il testo contiene barre.

Può essere risolto senza inserire spazi da Javascript (puro CSS)?

jsfiddle:

http://jsfiddle.net/HgBhk/1/

Not working: 
<div style="display:table; width:170px; background-color:cyan;"> 
    <div style="display:table-row"> 
     <div style="display:table-cell;word-wrap: break-word;">abfdbfdbfdb/dfbfdbdfbfbf/bdffbdbfdfbddfbdfbdfb</div> 
     <div style="display:table-cell; width:34px; background-color:red;">xxxxx</div>   
    </div> 
</div> 

</br> 
Working: 
<div style="display:table; width:170px; background-color:cyan;"> 
    <div style="display:table-row"> 
     <div style="display:table-cell;word-wrap: break-word;">abfdbfdbfdb dfbfdbdfbfbf bdffbdbfdfbddfbdfbdfb</div> 
     <div style="display:table-cell; width:34px; background-color:red;">xxxxx</div>   
    </div> 
</div> 

Answer 1

Aggiungere table-layout:fixed; al div-elemento "tavola" e assegnare una larghezza alla cella per renderlo rompere le linee:

JSFiddle

Answer 2

Inserisci un tag <wbr> o uno spazio a larghezza zero ​ dopo ogni o ccurrence di una barra o di un altro carattere che dovrebbe essere trattato come se consentisse un'interruzione di linea diretta dopo di essa. La scelta tra queste alternative è un po 'complicated, ma dal momento che il tuo codice non riesce a funzionare su vecchie versioni di IE, potresti anche ignorarlo anche qui, e questo renderebbe ​ la scelta giusta. Cioè, dovresti scrivere per es.

abfdbfdbfdb/​dfbfdbdfbfbf/​bdffbdbfdfbddfbdfbdfb 

Il problema è a livello di personaggio, non è una questione di stile.

Una stringa che non contiene caratteri di spazi vuoti è normalmente indivisibile nel wrapping e dovrebbe essere in questo modo, a meno che non sia possibile fare in modo che i browser interrompano correttamente i punti di rottura o la sillabazione e utilizzino la divisione di parole. Un'impostazione come word-wrap: break-word è pensata per casi eccezionali, interruzioni di emergenza quando non esiste un buon modo per controllare il wrapping e occorre evitare l'overflow.