Comment arrêter le débordement de données dynamiques hors de la table?

Question

C'est une application Struts. Je dois montrer une certaine date dynamique dans le panneau de gauche récupérant de DB ou de n'importe quel objet de session par exemple Notes. S'il y a de l'espace entre les mots, cela fonctionne bien. Mais en testant si je saisis des caractères sans espace, alors en montrant les données dans le panneau de gauche, je croise la table et j'arrive sur le panneau principal dans IE8, Mozilla et chrome aussi.

Ma partie de l'exemple de code est comme ceci.

<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> 

Toute solution s'il vous plaît.

J'ai retiré le symbole < /> pour que le code apparaisse.

Answer 1

Vous pouvez ajouter un espace à vos données avant de les afficher à l'écran. Il y a aussi ceci pour les navigateurs sélectionnés. Word-wrap est pris en charge dans les navigateurs IE 5.5+, Firefox 3.5+, et WebKit tels que Chrome et Safari.

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

Une remarque importante - si l'élément a une largeur fixe, cette approche fonctionne bien. Cependant, si vous avez une largeur de 100%, cela ne fait pas le travail