Come fermare traboccante di dati dinamici al di là tavolo?

Question

Si tratta di un'applicazione Struts. Devo mostrare una data dinamica del sinistro recupero pannello di mano dal DB o qualsiasi oggetto di sessione per esempio Notes. Se non v'è spazio tra le parole e poi il suo funzionamento benissimo. Ma durante il test se sto entrando alcuni personaggi senza spazio, quindi pur evidenziando i dati nel pannello di sinistra è attraversando il tavolo e venire sulle pannello principale in IE8, Mozilla e Chrome anche.

La mia parte di codice di esempio è come questo.

<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center" class="fixedTable">
<tr>
 <td class="normalTxt" width="100" style="text-align:left;"
   bean:write name="cNotesInfo" property="description" /> 
 </td>
</tr>
</table>

Qualsiasi soluzione per favore.

Ho rimosso il simbolo per rendere U sho il codice .

Answer 1

Si potrebbe aggiungere uno spazio per i dati prima del rendering sullo schermo.

string Data = "areallylongstringthatisgoingtobreakyouroutputresult"
if(Data.Length > 50 && !Data.Contains(' ')){
    Data.insertAfter(25,' ');
}

Inoltre v'è questo per i browser selezionati .. Word-wrap è supportato in IE 5.5+, Firefox 3.5+, e browser WebKit come Chrome e Safari.

.break-word {
  word-wrap: break-word;
}

Una nota importante - se l'elemento ha una larghezza fissa questo approccio funziona bene. Tuttavia, se si dispone di larghezza 100% questo non fare il lavoro