Как остановить переполнение динамических данных за пределами таблицы?

Question

Это приложение Struts. Мне нужно показать динамическую дату в левой панели, извлекая из БД или любого объекта сеанса, например Notes. Если между словами есть пробел, то это работает. Но во время тестирования, если я ввожу некоторые символы без пробела, тогда при показе данных в левой панели стороны пересекают таблицу и идут на главной панели в IE8, Mozilla и хром.

Моя часть образца кода выглядит следующим образом.

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

Любое решение пожалуйста.

Я удалил символ < />, чтобы сделать U-код .

Answer 1

Вы можете добавить пробел к своим данным перед тем, как отобразить на экране.

Также есть это для выбранных браузеров. Word-wrap поддерживается в браузерах IE 5.5+, Firefox 3.5+ и WebKit, таких как Chrome и Safari.

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

Важное замечание - если элемент имеет фиксированную ширину, этот подход работает хорошо. Однако, если у вас есть ширина 100%, это не делает работу